Results 1 to 8 of 8
  1. #1
    Join Date
    Jul 2008
    Posts
    151
    Plugin Contributions
    0

    Default product info layout

    I have tried all the css tricks I can think of. I have moved my attributes block to go underneath the price block, and the add to cart block to go underneath the attributes block like this:

    Product Name
    -
    Price
    -
    Attributes
    -
    Add to cart.

    I can't get the add to cart block to sit under the attributes on the product info pages. If I try padding the attributes, sometimes it goes underneath and on other products it stuffs it all up. Is there a simple way to do it? I have tried putting "clear both" under the add to cart block, to no avail either.

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: product info layout

    1K,
    Need a link to the site please....
    I am thinking you will half to use the declaration float: left

  3. #3
    Join Date
    Jul 2008
    Posts
    151
    Plugin Contributions
    0

    Default Re: product info layout

    Hi, I have tried float: left, I have also tried padding the attributes to force the add to cart to go underneath, but that didn't work on all pages.

    The website I am editing is here - thanks!

  4. #4
    Join Date
    Jul 2008
    Posts
    151
    Plugin Contributions
    0

    Default Re: product info layout

    This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product

  5. #5
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: product info layout

    Quote Originally Posted by 1kell View Post
    This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product

    1K,
    pm me or post using the php brackets on the table above please your includes/ templates/ your_template/ templates/ tpl_product_info_display.php

  6. #6
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: product info layout

    Quote Originally Posted by 1kell View Post
    This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product
    1k,
    One quick solution is to edit the stylesheet.css

    #cartAdd {}

    Find margin:

    change to this:

    1. margin: 14em 0em 0em -40em;

  7. #7
    Join Date
    Jul 2008
    Posts
    151
    Plugin Contributions
    0

    Default Re: product info layout

    Hi, I have PMd you, let me know what you think if you get a chance to have a look.

  8. #8
    Join Date
    Jul 2008
    Posts
    151
    Plugin Contributions
    0

    Default Re: product info layout

    Well. perhaps someone else can help here?

 

 

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. 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
  3. Product Info Layout
    By jsteelethg in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 21 Mar 2007, 04:27 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