Goal: Add markup to each product in the product listing (aka catalog) display.
Problem: Currently the product price and other details are dumped in as raw text with break tags making it problematic to style individually via CSS.
Code:
<div class="centerBoxContentsProducts centeredContent back">
<a href="#"><img class="listingProductImage" /></a>
<br/>
$19.00
<br/>
<br/>
<a href="#"><img class="listingBuyNowButton" /></a>
<br/>
<br/>
<br/>
<h3 class="itemTitle"><a href="#">Item Title</a></h3>
<div class="listingDescription"/>
</div>
I currently understand the product details to be loaded by "tpl_columnar_display.php". Unfortunately, the template file contains a loop of functions and no HTML to modify.
How can I separate out the various content that is being pulled from the database by the function so that I can insert additional HTML elements (tags) and properties ("id", "class").
Ideally the resulting code might look something like:
Code:
<div class="productItem">
<a href="#">
<img class="listingProductImage" />
<h3 class="itemTitle">Item Name</h3>
<p class="itemPrice">$0.00</p>
</a>
<a href="#" class="listingBuyNow">
<img class="listingBuyNowButton" />
</a>
</div>
Bookmarks