Style arounf Add to Cart Plus Attributes

[Mickmo68]

I'd like to put a border around the add to cart AND the attibutes on the product page. I feel it will make it easier for the customer to know where to add with attributes. I see #cartAdd and .wrapperattribsOptions to style, but nothing for the whole area. This may be due to the old TM I used.
NOTE: DO NOT USE TM. Creates WAY more issues than it's worth.

Any help would be appreciated.

[Mickmo68]

Link to a product page:

http://keepsafeco.com/baby-safety-ga...en?cPath=29_37

[keneso]

Add a margin-top:50px to your #cartAdd, and border plus padding-top to your .wrapperattribsOptions

[Mickmo68]

Thank you Keneso,
Soooo close. It was fine until there are multiple attributes like this:

http://keepsafeco.com/baby-safety-gates/outdoor-safety-gate-decks-porches

Sorry for the ignorance. I appreciate your help. Can I get them all in the same box?
Thank you

[keneso]

Then try adding a div with an id to your tpl_product_info_display.php file to enclose both the .wrapperattribsOptions and #cartAdd, then style that in the stylesheet.

[Mickmo68]

Thank you again.
Unfortunately you've now gone over my head.
For now, I change the border back to only be around the #cartadd. I would like to box and border the add to cart along with all the attributes.
If someone could give me a piece of code sample that might work I would be most appreciative.

[keneso]

Sorry.
Please let me be more detailed - given TM hasn't changed too much, and left the comments on the file.

Browse to includes/templates/TM_TEMPLATE/templates folder, in there you could/should have a file named tpl_product_info_display.php open it in a text editor like notepad++ (if you don't have it google for it), here you should see something like <!--bof Add to Cart Box --> before that you could add a
<div id="myAddAttributeBox">,
then you should have something like <!--eof Attributes Module --> after that you add
</div>.
After this you browse to includes/templates/TM_TEMPLATE/css folder, and open the stylesheet.css file in the editor, and add at the end of it

#myAddAttributeBox {
border: 1px solid #FF0000;
}

Now you upload the two files in the respective folders to your server.
You might need to tweak a little bit with the other rules to get it display like you need.

NOTE
In case you have hard time locating the tpl_product_info_display.php file, use the
admin > tools > developer tool kit
to search for either <!--bof Add to Cart Box -->, or <!--eof Attributes Module --> to locate it.

[Mickmo68]

Above and beyond Keneso!! Thank you very much. It was just what I was looking to do.

[keneso]

You're welcome, glad you made it.
You may want to add this to your stylesheet.css

.attribsRadioButton {padding-left: 5px}

[dnnytn]

hi all,

i found this thread while doing a search on how to group my attributes. Following the posts here, i managed to put a border around the attributes, but what i really want to do is to have first 3 attributes in its own section or table, while the rest goes into another.

Delivery table similar to this: http://www.fareastflora.com/detail.a...G-HBQ&PCD=PS02

I am running an online florist and i would like to have the delivery date, time and message card show as one table and the other optional add ons as another table.

just having picked up css and php in the past month, with no background in web development at all, i am very wary of making changes now that i have this site almost the way i want.

would appreciate any advise or help anyone can provide here.

my setup:

• http://stembyme.com.sg/index.php?mai...&products_id=2
• Zen cart v1.3.9h
• Fresh install
  • Addons -
  • Zen Lightbox
  • Fast and Easy Checkout
  • Image Handler 3