Order Option Menu drop-down menu formatting

General ShopSite user discussion

Order Option Menu drop-down menu formatting

Postby misgperson » Thu Feb 07, 2019 11:57 am

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
misgperson
 
Posts: 15
Joined: Thu Feb 07, 2019 10:01 am
Location: Texas

Re: Order Option Menu drop-down menu formatting

Postby cyoung » Fri Feb 08, 2019 11:13 am

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>
cyoung
 
Posts: 79
Joined: Wed Nov 09, 2016 11:01 am

Re: Order Option Menu drop-down menu formatting

Postby misgperson » Fri Feb 08, 2019 6:24 pm

cyoung. Beautiful....Thank you very much!! That does the trick.
misgperson
 
Posts: 15
Joined: Thu Feb 07, 2019 10:01 am
Location: Texas


Return to User Forum

Who is online

Users browsing this forum: No registered users and 11 guests