Search:
tqExpert Help
| 
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:
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
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="http://www.tqtag.com?item=1241§ion=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: @userCurrencypriceInUserCurrency@</span>
<span class="bprice" id="myBPrice">
<a href="@shoppingCartSection@&@addToCartAction@&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>
<div class="Content">
<ul class="Categories">
<tqtag type="simpleMenu" name="leftMenu" maxItems="100" allowStartPoint>
<li><a href="http://www.tqtag.com?item=1241§ion=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: @userCurrencypriceInUserCurrency@</span>
<span class="bprice" id="myBPrice">
<a href="@shoppingCartSection@&@addToCartAction@&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&product=3236&lineItem=1228"><h4>Mothers in the Bible Rachel - Gold Medal</h4></a>
<a href="http://israelmint.com?section=188&product=3236&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&mode=updateShoppingCart&lineItemID=1228&quantity=1" id="bah3236">order now</a>
<a href="http://israelmint.com?section=188&product=3236&lineItem=1228">read more</a>
</span>
</div>
</li>
<div class="cat-bor">
<h1>Biblical Themes</h1>
</div>
<ul id="CategoriesInfo" class="CategoriesInfo">
<li >
<a href="http://israelmint.com?section=188&product=3236&lineItem=1228"><h4>Mothers in the Bible Rachel - Gold Medal</h4></a>
<a href="http://israelmint.com?section=188&product=3236&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&mode=updateShoppingCart&lineItemID=1228&quantity=1" id="bah3236">order now</a>
<a href="http://israelmint.com?section=188&product=3236&lineItem=1228">read more</a>
</span>
</div>
</li>
