Results 1 to 6 of 6
  1. #1
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Product info layout

    I'm struggling to get my product info page to look as i'd like, specifically like this mockup: http://www.a c i d f r e e.co.uk/p-info-layout.jpg.

    It currently looks like this, www.a c d f r e e.co.uk/catalog/index.php?main_page=product_info&cPath=3&products_id=4, my main issue is creating the two columns - images in the left column and everything else running down the right column. I'm not sure if it's down to my lack of knowledge of div tags... or if there is some styling somewhere I can't locate that is stopping me from doing what I want? all i really want is a push in the right direction....

    Thanks in advance :)

  2. #2
    Join Date
    Dec 2009
    Location
    Amersfoort, The Netherlands
    Posts
    2,845
    Plugin Contributions
    25

    Default Re: Product info layout

    if you want two columns, you could make 2 divs. One with a float left, and the other with a float right

  3. #3
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Re: Product info layout

    Thanks that's great, I think I'm a step closer! Although the second column is still underneath the first column as opposed to next to it. Am I right in thinking that they should be side by side by default? Any idea what code is causing it to sit underneath?

    Thanks again.

  4. #4
    Join Date
    Apr 2009
    Posts
    23
    Plugin Contributions
    0

    Default Re: Product info layout

    They won't be side by side by default.

    Set an explicit width on the div that's floated right (about 500px should do it) and that should get them side by side.

  5. #5
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Re: Product info layout

    Wow that's great. I wish i knew what i was doing. Thanks a lot, Jesus will want you for a sunbeam.

  6. #6
    Join Date
    Dec 2009
    Location
    Amersfoort, The Netherlands
    Posts
    2,845
    Plugin Contributions
    25

    Default Re: Product info layout

    great it worked for you. We all started at some time without knowing what we were doing.

 

 

Similar Threads

  1. Adding a new Product Type Info Page Layout options :: Product - General
    By bn17311 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Aug 2010, 06:42 PM
  2. Product Info Layout
    By renewilson in forum Basic Configuration
    Replies: 2
    Last Post: 21 Dec 2009, 07:25 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

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