All product listing - moving the description text up?

[cashee]

Hi everyone, I am using zen cart 1.3.8 and I just have a really quick question.

How can I move my description of the product to the empty space? It used to be where the model, manufacturer, weight, etc are.




I tried searching for the solution but I was unsuccessful.

Thank you.

[gjh42]

"The server at www.qpetsupplies.com is taking too long to respond."

I moved the all products listing description on my site a few years ago - it's pretty easy. Let me go check on the file.

[gjh42]

/includes/templates/your_template/templates/tpl_modules_all_listing.php

These are the lines I changed - you might not want to do all of these, depending on your display desires:
Around line 110, comment out the line

      if (PRODUCT_ALL_LIST_DESCRIPTION > '0') {
        $disp_text = zen_get_products_description($products_all->fields['products_id']);
        //$disp_text = zen_clean_html($disp_text); //gjh42 2007-12-15 

Do not do this unless you want to enable HTML in the listing descriptions. Search the forum for zen_clean_html for a description and cautions.

Around line 189, add the description output and comment out the original table row output:

<?php

                  $disp_sort_order->MoveNext();
                }
                echo '<br /><span class="allListingDesc">' . $display_products_description . '</span>'; //gjh42 2007-12-15 - hard-code description at bottom of right column
              ?>
            </td>
          </tr>
<!--<?php// if (PRODUCT_ALL_LIST_DESCRIPTION != 0) { ?>gjh42 2007-12-15 - remove description spanning below rest of product - html and php comment tags
          <tr class="<?php// echo ((int)($row_counter/2)==($row_counter/2)) ? 'productListing-even' : 'productListing-odd'; ?>">
            <td colspan="3" valign="top" class="main">
              <?php
                //echo $display_products_description;
              ?>
            </td>
          </tr>
<?php// } ?>
          <tr>
            <td colspan="3"><hr /></td>
          </tr> -->
<?php
      $products_all->MoveNext();

[kdays]

Have you had a look in Admin > Configuration > All Listing?

In this Admin section you get to select the information you want to appear in a product listing (eg model no, weight, date added, etc) and also the layout of the information.

It may be that 'Display product Price' is set to show a number of blank lines after it. Or if you moved description to be on the Right it might sit better.

Play around with the options - you can change the listing layout quite a lot without going into the template files at all.

There's also Admin function to do the same for Featured Listings and New Listings.

Hope this helps.

Cheers
K

[gjh42]

The all products listing does not allow the description to be anywhere but across the bottom of the product's listing area. Also, the elements are in table cells instead of divs, so rearranging the code is the only way to alter this part of the layout.

If you want to be able to tweak the styling of individual parts of the left or right cell, you can add a span with a class tag, like this:

                  if ($disp_sort_order->fields['configuration_key'] == 'PRODUCT_ALL_LIST_IMAGE') {
                    echo '<span class="allListingImage">' . $display_products_image . '</span>'; //gjh42 2007-12-15 

[lauriesscraps]

I was able to do this, so thank you very much! Is there any way to vertical align center so that the text is centered both vertically and horizontally next to the product image?

Thanks again, you rock my world!

[lauriesscraps]

I have tried to do this and I am not able to get it to work. Not sure if I am doing something wrong or not. My problem is that my "All Listing" page is prfect, juts the way I want it, but now I want to do the same on the new products and featured products listing page and am not able to achieve the same thing. I achieved the results on the all listing page by altering different code, so I am not sure how to apply this technique to the other pages. Can you help?

Thanks

http://www.lauriesscraps.com/store/i...e=products_new
http://www.lauriesscraps.com/store/i...tured_products

The way I want it to look.....
http://www.lauriesscraps.com/store/i...e=products_all

[gjh42]

I checked the new products file, and the code is identical except for "new" instead of "all" constant and variable names. You can use the same edits, as long as you adjust for the differences in the base files. The files to edit are

/includes/templates/your_template/templates/tpl_modules_products_all_listing.php (fixing typo in filename in post #3 above)

/includes/templates/your_template/templates/tpl_modules_products_featured_listing.php

and

/includes/templates/your_template/templates/tpl_modules_products_new_listing.php

[lauriesscraps]

I am getting a different result than what is intended I think. I am not sure what is meant by comment out and what all the different colors mean. In the other thread that you had helped me on, you had me add this productListing-odd .main, .productListing-even .main {vertical-align: middle;text-align: center} to the stylesheet. Is there a way of doing this for the other 2 pages in the style sheet?

I was able to get the text to the right of the image to vertically and horizontally align center by editing the tpl_modules_products_featured_listing.php and tpl_modules_products_new_listing.php under the /public_html/store/includes/templates/my_template/templates/ file path, but just can't get that text to move from the bottom to the right.

(The farthest I got was getting the description text to go just under the image in the same width as the image).

I guess I didn't know as much as a I thought, any help would be great, thanks!