Results 1 to 10 of 36

Hybrid View

  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?

    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.

  6. #6
    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.

  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 FOUND THE FILE, but if you can share what CSS will need to be edited that would be lovely!

 

 

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