Results 1 to 5 of 5
  1. #1
    Join Date
    May 2006
    Posts
    188
    Plugin Contributions
    0

    Default Moving Around Product Info Page

    Currently, my product information page looks like this:



    and I want it to look like this:



    Can anyone point me in the right direction as to what stylesheet I'm supposed to be editing? Also, which layout do you prefer, the old or new one? Just curious, because a friend of mine liked the first layout better, and now I'm having second thoughts on changing it.

    Thanks!

  2. #2
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,622
    Plugin Contributions
    123

    Default Re: Moving Around Product Info Page

    If you go to includes/templates/custom/css/stylesheet.css and add

    #productMainImage {
    float: none;
    }


    you'll see your text description is now underneath your main product image.

    The reordering you want will require you to customize tpl_product_info_display.php.

    Good luck!
    Scott
    That Software Guy. My Store: Zen Cart Modifications
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  3. #3
    Join Date
    May 2006
    Posts
    188
    Plugin Contributions
    0

    Default Re: Moving Around Product Info Page

    How would I center the "Add to Cart" button and the Attributes? Regardless of how I change the layout on the tpl_product_info_display, the "Add to Cart" is always on the right, and the Attributes are always on the left.

    Thanks.

  4. #4
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,622
    Plugin Contributions
    123

    Default Re: Moving Around Product Info Page

    It's the same idea. Simply edit your css and change

    #cartAdd {
    float: right;
    ....

    to

    #cartAdd {
    float: center;

    (or take out the float entirely, since the next line is text-align: center;)

    Good luck,
    Scott
    That Software Guy. My Store: Zen Cart Modifications
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  5. #5
    Join Date
    May 2006
    Posts
    188
    Plugin Contributions
    0

    Default Re: Moving Around Product Info Page

    Thanks!

    Is there also a way for me to put a box around the product description, add a cart, and attributes as shown in the second layout? I know I can put a border per each one, but is it possible to put a border around those 3 items?

    I'm not very good with php and such, so I dont know which might/might not work.

 

 

Similar Threads

  1. Border around image on main product info page only
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Mar 2011, 06:10 PM
  2. My product info page NEEDS to be changed around...
    By jessicasin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 21 Dec 2009, 12:53 PM
  3. Help moving around Product Info page content
    By shawnz28 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Jul 2007, 08:37 AM
  4. Completely Moving around product page
    By v.kirk in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 15 Mar 2007, 01:31 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR