All product listing - moving the description text up?

[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!

[gjh42]

Moving the description text requires the PHP file edit. See your other thread.

You didn't need to edit the PHP files to center the text that was already to the right of the image. That is what you use the web tools for, to find the class or id that controls it and edit the CSS to try out changes.

[lauriesscraps]

Unless I am missing it, I do not see where it explains in this thread how to move the text to below the product price, and name, to the right of the image. The question was asked, but I don't think it was explained how to. Just how to center the text. Am I missing it? Apologies in advance if I am.

[gjh42]

Add the "echo" line as shown here.
Add HTML comment marks <!-- and --> at beginning and end of the section shown.
Add PHP comment marks // wherever you don't see them in your copy of the file.

<?php

                  $disp_sort_order->MoveNext();
                }
//add the following line
                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();

The colors indicate different kinds of elements which a good file editor will automatically distinguish for you. What are you using to edit files?

[gjh42]

Sorry, with one conversation going on in two threads, I forgot which was which. The original explanation is at the top of this thread.

[lauriesscraps]

Ya, sorry about that... I am not sure what I am doing wrong. I am following all directions, but when I am done, I go and look and the products have disappeared. I am missing something. Any ideas?

[lauriesscraps]

Also, the coding in red, in your examples, is that coding that needs to be deleted?

[lauriesscraps]

OK! I think I finally got it, I was deleting coding I should not be, but here is something interesting for you..... The text is larger now, and not showing 150 characters like it was when it was located below the image. Any idea why or how to change that?

[gjh42]

Some products show no description text, some show a few words. I notice that your new products page has an unclosed <font tag showing in a product with no text. It is also a proprietary class name; what are you using to create the description text?

<table border="0" width="100%" cellspacing="2" cellpadding="2">
          <tr>
            <td colspan="3"><hr /></td>
          </tr>
          <tr>

            <td width="235" valign="top" class="main" align="center">
              <a href="http://www.lauriesscraps.com/store/index.php?main_page=product_info&amp;cPath=84&amp;products_id=260"><img src="images/LS_GoneCampingBB1.jpg" alt="Gone Camping Brag Book Page" title=" Gone Camping Brag Book Page " width="225" height="225" /></a>            </td>
            <td colspan="2" valign="middle" class="main" align="center">
              <a href="http://www.lauriesscraps.com/store/index.php?main_page=product_info&amp;cPath=84&amp;products_id=260"><strong>Gone Camping Brag Book Page</strong></a><br clear="all" /><br clear="all" />Price: <s>$1.29</s><br /><img src="includes/templates/template_default/images/free.gif" alt="It's Free!" title=" It's Free! " width="60" height="21" /><br clear="all" /><br clear="all" /><br /><span class="newListingDesc"><span class="Apple-style-span" style="font-family: verdana, tahoma, arial, sans-serif; font-size: 13px; "><font class="Apple-style-span"<a href="http://www.lauriesscraps.com/store/index.php?main_page=product_info&amp;cPath=84&amp;products_id=260"> ... view details</a></span>            </td>
          </tr>

Look for
<font class="Apple-style-span"<a href="http
at the far right of the line.