Results 1 to 3 of 3
  1. #1
    Join Date
    Oct 2010
    Location
    Idaho
    Posts
    292
    Plugin Contributions
    0

    Default pin add to cart button under thumbnail

    I'm not sure if this can be done, because the product Description text controls the area I want to use, but I'd like the Add to Cart button to be pinned directly beneath the thumbnail for the product on the Product Info page. See attached screenshot.

    As it is in the now (in the screenshot), the Add to Cart button will slide down that page below the Description text, if more Description text is added. Anyone know how to pin an element like that, w/o the complexity of splitting the center pane into two columns?
    Attached Images Attached Images  

  2. #2
    Join Date
    Oct 2010
    Location
    Idaho
    Posts
    292
    Plugin Contributions
    0

    Default Re: pin add to cart button under thumbnail

    well, I was hopeful that I had found the answer in this post:

    http://www.zen-cart.com/forum/showpo...53&postcount=6

    It talks about putting the Add to Cart section of the php after the Attributes Module in the php, but that didn't seem to work for me -- the center and pane of the product info page went blank as though I had busted the code with moving the Add to Cart section of the php.

    However, this post may be a good clue, as the spot I want to pin the Add to Cart button IS right underneath the spot where product Attributes would go.

    Anyone know if I did something wrong with the cut and paste or otherwise know of a solution? Thanks..

  3. #3
    Join Date
    Oct 2010
    Location
    Idaho
    Posts
    292
    Plugin Contributions
    0

    Default Re: pin add to cart button under thumbnail

    I figured out. It's accomplished by moving the cart code section, of the tpl_product_info_display.php file, to the area in that file right under the Product Image placement code; and then going into the stylesheet and on the cartAdd section I put in clear: left; and changed float: right; to float: left;. Seems to work.

    Now to adjust how/if the Description text wraps, or doesn't wrap, which can be done in the style sheet using clear: both; (which puts description text under any other elements) or float: left (which apparently does the same thing) or a large left margin to set left edge of description where it's needed.

 

 

Similar Threads

  1. Model number under Add to cart button on product listing
    By yan111 in forum Setting Up Categories, Products, Attributes
    Replies: 4
    Last Post: 6 Mar 2011, 03:35 PM
  2. Add to Cart Button under Product image
    By fredthungula in forum General Questions
    Replies: 2
    Last Post: 10 Nov 2010, 11:36 AM
  3. Replies: 1
    Last Post: 22 Aug 2010, 11:08 PM
  4. Add an add to cart button under each product quantity on the category page
    By buxton1 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 21 Apr 2010, 06:37 PM
  5. displaying format with price under thumbnail
    By MrFiddles in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 12 Apr 2010, 05:05 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