AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: cookie on January 25, 2014, 07:37:07 PM

Title: Styling options blocks on product page
Post by: cookie on January 25, 2014, 07:37:07 PM

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: [Select]

<div class="control-group "> class.

Something like

Code: [Select]

<div class="control-group "MY_CLASS_Maybe_option_type_or_id">
But HOW to get that second bit inthere as I cannot figure ANY parameters here  :(

Answer appreciated!

Thank you!

Title: Re: Styling options blocks on product page
Post by: gordontaylor on January 25, 2014, 08:10:16 PM

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

Title: Re: Styling options blocks on product page
Post by: cookie on January 25, 2014, 08:22:26 PM

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  :(

Title: Re: Styling options blocks on product page
Post by: 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: [Select]

<div class="control-group <?php HOW-TO-GET-THE-OPTION-TYPE ?>">
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

Title: Re: Styling options blocks on product page
Post by: gordontaylor on January 27, 2014, 07:59:12 PM

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: [Select]

<div class="control-group <?php HOW-TO-GET-THE-OPTION-TYPE ?>">
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

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.

Title: Re: Styling options blocks on product page
Post by: gordontaylor on January 27, 2014, 08:07:47 PM

Beats me Cookie, it's over my head methinks....I can't find a thing to help. Sorry  :'(

Title: Re: Styling options blocks on product page
Post by: cookie on January 28, 2014, 04:50:10 AM

Thanks anyway Gordon!

Actually it's a second class that should be added and before it's a css issue it is first (as usual ...) a php issue!

I need to pull the <?php option['type']?> which should give out smth. like checkbox,radio,select etc.
Just that the code above is not working of course ....  :'(

AbanteCart team?