Page 1 of 4 123 ... LastLast
Results 1 to 10 of 36
  1. #1
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default How can I alter the look of the product listing page?

    I want to move the add to cart button and up to the top, and have the product description below the product image. I would also like to have any additional product image thumbnails situated to the right of the product image.

    And reviews at the bottom of the description. I don't want to mess up my page, but any help would be appreciated.

    Something like this: http://www.airsoftgi.com/product_inf...oducts_id=6252

    My site currently is: www.Mercenarypb.com

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How can I alter the look of the product listing page?

    Have a look at the code inside of tpl_product_info_display.php
    It is fairly well chunked into areas the begin with BOF and end with EOF

    These complete chunks can be re-ordered in a copy for your template override folder - - if you break it - just delete the edited file

    Once the proper order is attained it will most likely require a bit of css tweaking
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    Quote Originally Posted by kobra View Post
    Have a look at the code inside of tpl_product_info_display.php
    It is fairly well chunked into areas the begin with BOF and end with EOF

    These complete chunks can be re-ordered in a copy for your template override folder - - if you break it - just delete the edited file

    Once the proper order is attained it will most likely require a bit of css tweaking

    Where is the tpl_product_info_display.php file located? And sorry if this may sound stupid, but what sort of CSS coding would need to be done...

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How can I alter the look of the product listing page?

    Where is the tpl_product_info_display.php file located?
    Get the core file at
    /includes/templates/template_default/templates/tpl_product_info_display.php

    DO NOT replace the core file - - your edited version belongs at

    /includes/templates/Mercenary/templates/tpl_product_info_display.php


    what sort of CSS coding would need to be done...
    Depends on how you re-order and what results from it
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    I FOUND THE FILE, but if you can share what CSS will need to be edited that would be lovely!

  6. #6
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    Quote Originally Posted by kobra View Post
    Get the core file at
    /includes/templates/template_default/templates/tpl_product_info_display.php

    DO NOT replace the core file - - your edited version belongs at

    /includes/templates/Mercenary/templates/tpl_product_info_display.php



    Depends on how you re-order and what results from it
    I have done some little modifications, you can see here: http://mercenarypb.com/index.php?mai...products_id=45

    I would like to move the "Write a Review Button" under the "Tell a Friend About Us, and if possible move the product price just above the Add to Cart Button... I am looking in the CSS but don't see anything that looks familiar. I am using Firebug and clicking elements but not sure where to look to find where files are located.

  7. #7
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    i would like to have the product atributes either above or below the add to cart box. I have moved the block of code just don't know the correct CSS place and code to use.

  8. #8
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    Just want to see if someone can help me with the following?

    i would like to have the product atributes either above, or in the same box as the add to cart button and quantity option. I have altered my page as such, but cannot seem to get both of the "Add to Cart" and "Attribute Options" to be inline on the right??? I tried wrapping these in <div> on the tpl_product_info_display but that did nothing. I also would like to have the Tell a Friend and write a review on the right side inline as well.

    Thanks for the help!

  9. #9
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How can I alter the look of the product listing page?

    cannot seem to get both of the "Add to Cart" and "Attribute Options" to be inline on the right
    What product has attributes?
    Zen-Venom Get Bitten

  10. #10
    Join Date
    Dec 2009
    Posts
    244
    Plugin Contributions
    0

    Default Re: How can I alter the look of the product listing page?

    Quote Originally Posted by kobra View Post
    What product has attributes?
    All the products on this page: http://mercenarypb.com/index.php?mai...&cPath=2_15_73

    Also, in the near future, most products on my site will have options, Size or Color. Hope you can help me

 

 
Page 1 of 4 123 ... LastLast

Similar Threads

  1. Product Listing Page - Rows Style - Can't alter layout
    By beyre in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 27 Jun 2013, 08:39 PM
  2. How can i list all the categories and it's products in a product listing page?
    By vedavyas govardhanam in forum Basic Configuration
    Replies: 2
    Last Post: 28 Jan 2010, 07:52 AM
  3. How can I reformat the featured listing on the home page?
    By katandmouse in forum General Questions
    Replies: 0
    Last Post: 6 Aug 2008, 10:17 AM
  4. How do I get the product listings to look like the all products page?
    By jbtinker in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 Jul 2008, 05:56 AM
  5. How can I change the look of the navigation side bar, to look like this
    By paha in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 12 Mar 2008, 04:45 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg