Shopping Cart Operations > Template Support

Styling options blocks on product page

(1/2) > >>

cookie:
Hi.

How can I differently style the different types of options if they ALL have the same class ?!?!
I would like to have more groups of radio-box options positioned in floating blocks one near the other and not each option bellow the previous one. Imagine you have 10 groups of options - the way it is now, I'll end up with an endless list all in one column  :(

I would like to have at least a modifier class aside the standard
--- Code: ---<div class="control-group ">
--- End code ---
class.

Something like
--- Code: ---<div class="control-group "MY_CLASS_Maybe_option_type_or_id">
--- End code ---

But HOW to get that second bit inthere as I cannot figure ANY parameters here  :(

Answer appreciated!

Thank you!

gordontaylor:
Simply put, you'll need to modify the CSS stylesheet. How is your CSS knowledge?

cookie:
Hi
I am pretty good at CSS but I am afraid that it's 1st a php issue as I need to attach that second class MY_CLASS_Maybe_option_type_or_id , and I do not know how  :(

cookie:
nobody here has a clue as of how to achieve that !?!?

AbanteCart gurus  :o ?!?

what shall I replace the php class with in order to have there something like option type (checkbox,radio,textarea, etc)?!
Or if not, "options ID" would do too even though that would make it a bit more complicated to style

I'd love to have something like this:
--- Code: ---<div class="control-group <?php HOW-TO-GET-THE-OPTION-TYPE ?>">
--- End code ---

where <?php HOW-TO-GET-THE-OPTION-TYPE ?> would be my new class related to the options type (the checkbox, radio etc).

What shall I put instead of <?php HOW-TO-GET-THE-OPTION-TYPE ?> ?!?

THX

gordontaylor:

--- Quote from: cookie on January 27, 2014, 07:44:38 PM ---nobody here has a clue as of how to achieve that !?!?

AbanteCart gurus  :o ?!?

what shall I replace the php class with in order to have there something like option type (checkbox,radio,textarea, etc)?!
Or if not, "options ID" would do too even though that would make it a bit more complicated to style

I'd love to have something like this:
--- Code: ---<div class="control-group <?php HOW-TO-GET-THE-OPTION-TYPE ?>">
--- End code ---

where <?php HOW-TO-GET-THE-OPTION-TYPE ?> would be my new class related to the options type (the checkbox, radio etc).

What shall I put instead of <?php HOW-TO-GET-THE-OPTION-TYPE ?> ?!?

THX

--- End quote ---

You're calling a CSS class called "control-group". My guess is you'll need to modify that CSS stylesheet.

Let me take a look at the stylesheet and get back to you.

Navigation

[0] Message Index

[#] Next page