I am trying to make a number of changes to the grid layout and need a hand figuring out some things..
Looking at the All Products listing here: http://tlwtestsite(dot)tablelegworld(dot)com/All-Table-Legs-And-Table-Leg-Accessories I want to make some changes that will allow me to control MORE of the layout using CSS. I want to get rid of the line breaks and add some other HTML tags.
For example, I want the following:
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;" scope="col" id="listCell1">
<div class="innerColumn">
<a class="product_listing_image_link" href="http://tlwtestsite(dot)tablelegworld(dot)com/Cabinet-Height-Legs/Metal-Adjustable-Cabinet-Leveler/343-Metal-Cabinet-Leg-3-to-3-3-4-height-range-BOX-of-100-pieces">
<img src="bmz_cache/2/215812c7b68cc6dbe5ab86b90f6063dc.image.69x150.jpg" alt="# 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces**" title=" # 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces** " width="69" height="150" class="listingProductImage" />
</a>
[B] <br />[/B]
<h3 class="itemTitle">
<a href="http://tlwtestsite(dot)tablelegworld(dot)com/Cabinet-Height-Legs/Metal-Adjustable-Cabinet-Leveler/343-Metal-Cabinet-Leg-3-to-3-3-4-height-range-BOX-of-100-pieces">
# 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces**
</a>
</h3>
<div class="listingDescription">
#343 Metal Cabinet Leg, 3" to 3 3/4" adjustment, Box of 100 pieces These...
</div>
[B] <br />[/B]
$263.00
[B] <br /><br />[/B]
Add:
<input type="text" name="products_id[422]" value="0" size="4" />
[B] <br /><br />[/B]
</div>
</div>
To look like more this:
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;" scope="col" id="listCell1">
<div class="innerColumn">
<a class="product_listing_image_link" href="http://tlwtestsite(dot)tablelegworld(dot)com/Cabinet-Height-Legs/Metal-Adjustable-Cabinet-Leveler/343-Metal-Cabinet-Leg-3-to-3-3-4-height-range-BOX-of-100-pieces">
<img src="bmz_cache/2/215812c7b68cc6dbe5ab86b90f6063dc.image.69x150.jpg" alt="# 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces**" title=" # 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces** " width="69" height="150" class="listingProductImage" />
</a>
<br />
<h3 class="itemTitle">
<a href="http://tlwtestsite(dot)tablelegworld(dot)com/Cabinet-Height-Legs/Metal-Adjustable-Cabinet-Leveler/343-Metal-Cabinet-Leg-3-to-3-3-4-height-range-BOX-of-100-pieces">
# 343 Metal Cabinet Leg, 3" to 3 3/4” height range, **BOX of 100 pieces**
</a>
</h3>
<div class="listingDescription">
#343 Metal Cabinet Leg, 3" to 3 3/4" adjustment, Box of 100 pieces These...
</div>
<div class="listingPrice">
$263.00
</div>
<label class="listingLabel">
Add:
</label>
<input type="text" name="products_id[422]" value="0" size="4" />
</div>
</div>
I have been through the **includes/modules/custom_template/product_listing.php **file, and I am not seeing CLEARLY how to make some of these changes I'd like to make.. I removed many of the line breaks from the code I found and I modified the following section to add a label to the "Add:" text next to the quantity field.
So this code:
$link = TEXT_PRODUCT_ALL_LISTING_MULTIPLE_ADD_TO_CART . "<input type=\"text\" name=\"products_id[" . $products_all->fields['products_id'] . "]\" value=\"0\" size=\"4\" />";
Became this:
$link = '<label class="listingLabel">' . TEXT_PRODUCT_ALL_LISTING_MULTIPLE_ADD_TO_CART . "</label><input type=\"text\" name=\"products_id[" . $products_all->fields['products_id'] . "]\" value=\"0\" size=\"4\" />";
But on the listing page NOTHING changed.. What in the Sam Hill am I missing here????
My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.