Results 1 to 6 of 6
  1. #1
    Join Date
    Jan 2019
    Location
    UK
    Posts
    101
    Plugin Contributions
    0

    Default Attempting to change layout of product info page

    Hi all

    I'm trying to rearrange the order that elements are displayed on the main product info page. I have moved various chunks around in the template file to display what I want in the order I want it, but i'm having a small issue trying to get attribute options to display next to the product image.

    Name:  layout.jpg
Views: 260
Size:  31.3 KB

    In the attached image you can see the product image, with the attributes module displaying underneath, but I want to do if possible is have the product image and the attributes / add to cart stuff display side by side at the top of the page, followed by the long text description of the products information.

    Is this achievable by editing the template tpl file or is it more likely to be controlled by css to dictate where the module should display?

    Thanks in advance

    Jon

  2. #2
    Join Date
    Nov 2007
    Location
    Woodbine, Georgia, United States
    Posts
    3,999
    Plugin Contributions
    61

    Default Re: Attempting to change layout of product info page

    This requires a file edit
    PRO-Webs, Inc. :: Recent Zen Cart Projects :: Zen Cart SEO 12 Steps to Success
    **I answer questions in the forum, private messages are NOT answered. You are welcome to contact us via our website for professional engagements.

  3. #3
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,097
    Plugin Contributions
    10

    Default Re: Attempting to change layout of product info page

    In Chrome with the Web Developer tools, you can have it display the Div Order.

    You can use that to map out the order and locations for the various divs. Then use the site-specific_styles.php stylesheet to "slide" things into place.

    Use inspect to try out the various CSS helpers. Sometimes, just a simple float:left; or float:right; applied to the right div will make a world of difference.

  4. #4
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Attempting to change layout of product info page

    What template are you using?
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  5. #5
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,305
    Plugin Contributions
    87

    Default Re: Attempting to change layout of product info page

    Quote Originally Posted by barco57 View Post
    What template are you using?
    Looks like a Bootstrap clone.

  6. #6
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,097
    Plugin Contributions
    10

    Default Re: Attempting to change layout of product info page

    Quote Originally Posted by lat9 View Post
    Looks like a Bootstrap clone.
    Yep, it looks like the fontawesome icons of Bootstrap

 

 

Similar Threads

  1. v151 Change Info Page Layout
    By wmorris in forum General Questions
    Replies: 14
    Last Post: 14 Mar 2016, 11:20 PM
  2. v139h change product info page layout
    By shags38 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 22 Jan 2015, 01:50 PM
  3. change price layout on product info and product listings
    By chrislum24 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Jun 2009, 12:13 PM
  4. Replies: 5
    Last Post: 25 May 2009, 11:49 PM

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