All product listing - moving the description text up?

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

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

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

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