I have products that have up to 16 option selections.
I would like them to display in horizontal breaking rows/lines like the Habit template does when using the a newer template 14 version.
In versions 14 templates for product options, all menu lists are in a column format. Changing the "Order_Option_Menu line" in the CJ-Product-SideAccordion.sst causes the row to exceed the page with no break in the row.
Where and how would I change the columns to lines that would break and start another row of options so as to not exceed the page width.
Thanks
Order Option Menu drop-down menu formatting
-
misgperson
- Posts: 20
- Joined: Thu Feb 07, 2019 10:01 am
- Location: Texas
-
cyoung
- Posts: 147
- Joined: Wed Nov 09, 2016 11:01 am
Re: Order Option Menu drop-down menu formatting
Probably best to have the Order_Option_Menu tag keep the parameter "NoFormat" and just change the current (no)format with CSS. If you add "Line" it puts all the pull down menus in table cells on the same row, which don't 'break' when they get too wide.
The CSS to add to the page or template (you can add it into the <head> section of the product template) would be...
<style type="text/css">.miadd select {display: inline-block !important}</style>
The CSS to add to the page or template (you can add it into the <head> section of the product template) would be...
<style type="text/css">.miadd select {display: inline-block !important}</style>
-
misgperson
- Posts: 20
- Joined: Thu Feb 07, 2019 10:01 am
- Location: Texas
Re: Order Option Menu drop-down menu formatting
cyoung. Beautiful....Thank you very much!! That does the trick.