Author Topic: Styling options blocks on product page  (Read 5593 times)

Offline cookie

  • Jr. Member
  • **
  • Posts: 65
  • Karma: +10/-0
    • View Profile
Styling options blocks on product page
« 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!
« Last Edit: January 25, 2014, 07:39:01 PM by cookie »

gordontaylor

  • Guest
Re: Styling options blocks on product page
« Reply #1 on: January 25, 2014, 08:10:16 PM »
Simply put, you'll need to modify the CSS stylesheet. How is your CSS knowledge?

Offline cookie

  • Jr. Member
  • **
  • Posts: 65
  • Karma: +10/-0
    • View Profile
Re: Styling options blocks on product page
« Reply #2 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  :(

Offline cookie

  • Jr. Member
  • **
  • Posts: 65
  • Karma: +10/-0
    • View Profile
Re: Styling options blocks on product page
« Reply #3 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

gordontaylor

  • Guest
Re: Styling options blocks on product page
« Reply #4 on: January 27, 2014, 07:59:12 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.

gordontaylor

  • Guest
Re: Styling options blocks on product page
« Reply #5 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  :'(

Offline cookie

  • Jr. Member
  • **
  • Posts: 65
  • Karma: +10/-0
    • View Profile
Re: Styling options blocks on product page
« Reply #6 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?

 

Powered by SMFPacks Social Login Mod