Announcement

Collapse
No announcement yet.

product alignment

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • product alignment

    Does anyone know how to make item in the product view align to the bottom. basically I have some pics smaller than others or not the same height and they are not aligning. i would like to just align to the bottom.

    I could get the subcategories to align to the bottom but cannot get the products to align.

    Any help?

    Thanks

  • #2
    Have you tried editing the product template you are using?

    Comment


    • #3
      I do not believe that it would be on the listing_0 template but on the category_0.html template.

      I was able to get the categories to align but not when it shows the products view. Actually they by default align to the top, but I would like them to align at the bottom. This way all of the wording would be in a row.

      Comment


      • #4
        For the item template in the category heading I have:

        <!--START: ITEM_TEMPLATE_0-->
        <table border="0" cellspacing="0" cellpadding="0" width="95%">
        <tr>
        <td colspan="2" align="center" valign="bottom"><a href="product.asp?itemid=[catalogid]&amp;catid=[catid]"><img src="[THUMBNAIL]" alt="[name]" border="0"></a></td>
        </tr>

        <tr valign="middle">
        <td colspan="2" class="item" align="center" valign="bottom">[name]</td>
        </tr>

        <tr>
        <td class="price" align="center" valign="bottom" colspan="2">
        <!--START: ITEMPRICE-->
        [ITEMPRICE]
        <!--END: ITEMPRICE-->
        <!--START: SALEPRICE-->
        <s>[ITEMPRICE]</s><br>[ITEMSALEPRICE]
        <!--END: SALEPRICE--> </td>
        </tr>
        <tr>
        <td class="item" colspan="2" align="center" valign="bottom"><a href="add_cart.asp?quick=1&amp;item_id=[catalogid]">[category_buyitlink]</a></td>
        </tr>
        </table>
        <!--END: ITEM_TEMPLATE_0-->

        Comment


        • #5
          Got it:

          <!--START: ITEM_TEMPLATE_0-->
          <table border="0" cellspacing="0" cellpadding="0" width="95%">
          <tr>
          <td colspan="2" align="center" valign="bottom"><table height="150" border="0">
          <tr>
          <td><a href="product.asp?itemid=[catalogid]&amp;catid=[catid]"><img src="[THUMBNAIL]" alt="[name]" border="0"></a></td>
          </tr>
          </table></td>
          </tr>

          <tr valign="middle">
          <td colspan="2" class="item" align="center" valign="bottom">[name]</td>
          </tr>

          <tr>
          <td class="price" align="center" valign="bottom" colspan="2">
          <!--START: ITEMPRICE-->
          [ITEMPRICE]
          <!--END: ITEMPRICE-->
          <!--START: SALEPRICE-->
          <s>[ITEMPRICE]</s><br>[ITEMSALEPRICE]
          <!--END: SALEPRICE--> </td>
          </tr>
          <tr>
          <td class="item" colspan="2" align="center" valign="bottom"><a href="add_cart.asp?quick=1&amp;item_id=[catalogid]">[category_buyitlink]</a></td>
          </tr>
          </table>
          <!--END: ITEM_TEMPLATE_0-->

          Comment


          • #6
            Did this work?
            I couldn't get our products to allign until I resized all thumbnail images to the default height of 150. Since the default size is 150 X 150 if you had an image say 200 X 150, the height being correct, the cart would resize to 150 X 124 (since both pixel limitations are applied) and the resulting image was too short.

            Comment


            • #7
              mark,

              I did get this to work but all of my thumbnails are max 150 height.

              If they are taller they will resize down. I guess my problem was the other way around. Some of my thumbnails are less than 150 height such as 100 x 150, since I resized to be max of 150 tall and 150 wide.

              So i had some thumbnails that were shorter. 100 tall x 150 wide. Having the frame around that at 150 pix tall gives empty space but centers all of the thumbnails in the row.

              Donald

              Comment

              Working...
              X