Search:
tqExpert Help
print
|
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Products Page

For an eCommerce products page, this topic contains the following:
  • A screen capture of the relevant part of an actual products page
  • The inner template on which the page is based
  • The Webpage source generated by tqTag Web Suite for the relevant part of the page

Products Screen Capture

You can access this page online at http://israelmint.com/?section=188.
The labels on the screen-capture indicate template code elements that support the Webpage elements.  Note the following:
  • sectiontitle is a Category Variable that displays the Category title
  • The following are Local Variables of the productList tqTag:
    • productName
    • shortDescription
    • productSmallImage

Products page screen capture

Inner Template #454

To access this template online, click http://israelmint.com/templates/t454/template.html and then use your browser commands to view the page source.

<tqtag type="settings" imageDirectory="images"></tqtag>
<div class="Content">
    <ul class="Categories">
        <tqtag type="simpleMenu" name="leftMenu" maxItems="100" allowStartPoint>
            <li><a href="https://tqtag.com?item=1241&section=631" class="@position@">@title@</a></li>
        </tqtag>
    </ul>

    <div class="CategoriesTopInfo">
        <div class="cat-bor">
            <h1>@ sectiontitle@</h1>
<!-- In the actual template (and in the following line), there is no space
between @ and sectiontitle@.  If you view the source of this Help Webpage,
in the line following this comment you will see sectiontitle rather than
Products Page. For more information, see Category Variables. -->            
            <h1>Products Page</h1>
        </div>
        <ul id="CategoriesInfo" class="CategoriesInfo">
            <tqtag name="Product List"  type="productList" maxItems="999" dynamicGrow>
            <li <tqoption type="onSale" alternative0="">class="bg_red"0</tqoption>>
                <a href="@productLink@"><h4>@productName@</h4></a>
                <a href="@productLink@"><img class="ico-medal" src="@productSmallImage@" alt="" width="100"/></a>
                <div class="medal-info">
                    <div style="height:60px;">
                    @shortDescription@...
                    </div>
                    <span class="price">Price: ₪@priceInUserCurrency@</span>
                    <span class="bprice" id="myBPrice">
                        <a href="@shoppingCartSection@&amp;@addToCartAction@&amp;quantity=1" id="bah@id@">order now</a>
                        <a href="@productLink@">read more</a>
                        <tqoption type="onSale" alternative0=""><img src="images/red-circle.gif" alt="Pre Issue Price" />0</tqoption>
                    </span>
                </div>
            </li>
            <script type="text/javascript">
                if ("@priceInUserCurrency@"=="0.00"){
                     hideByID('bah@id@');
                }
            </script>
            </tqtag>
        </ul>
        <script type="text/javascript">
            $("#CategoriesInfo").children(":odd").css("margin","0px");
        </script>
    </div>
</div>

Webpage Source Code (partial)

To access the complete source code for this page, click http://israelmint.com/?section=188 and then use your browser commands to view the page source.

<div class="CategoriesTopInfo">
    <div class="cat-bor">
        <h1>Biblical Themes</h1>
    </div>
    <ul id="CategoriesInfo" class="CategoriesInfo">
        <li >
            <a href="http://israelmint.com?section=188&amp;product=3236&amp;lineItem=1228"><h4>Mothers in the Bible  Rachel - Gold Medal</h4></a>
            <a href="http://israelmint.com?section=188&amp;product=3236&amp;lineItem=1228"><img class="ico-medal" src="http://israelmint.com/israelmint.com/originals//coins/All/31791310_600_100.jpg" alt="" width="100"/></a>
            <div class="medal-info">
                <div style="height:60px;">
                Jacob worked seven years for Laban in exchange for marriage to his beloved ...
                </div>
                <span class="price">Price: $824.00</span>
                <span class="bprice" id="myBPrice">
                    <a href="http://israelmint.com?section=199&amp;mode=updateShoppingCart&amp;lineItemID=1228&amp;quantity=1" id="bah3236">order now</a>
                    <a href="http://israelmint.com?section=188&amp;product=3236&amp;lineItem=1228">read more</a>
                </span>
            </div>
        </li>

User Notes

  Add Note

Topic: Products Page