I am creating a site for an optician. There are lots of custom option ‘select’ boxes which are making the page size too big. At the moment the option select boxes show like this:
*Option Label1
Here is the select drop down 1
*Option Label2
Here is the select drop down2
*Option Label3
Here is the select drop down2
I want to display them ON ONE LINE WITH THE LABELS FIRST
*Option Label1 Here is the select drop down 1
*Option Label2 Here is the select drop down 1
*Option Label3 Here is the select drop down 3
OR TH BETTER OPTION IS TWO PER ROW LIKE THIS:
*Option Label1 Option2 Label
Here is the select drop down 1 Here is the select drop down2
*Option Label3 Option4 Label
Here is the select drop down 3 Here is the select drop down4
I have reduced the widths of the fields in template css lines 106
.product-options dd select {
width: ; /* maz product options selct box was 99% wide*/
}
Also in this file app/design/frontend/base/default/template/catalog/product/view/options/wrapper.phtml
I changed the <p> around the options to <span> … I was hoping it may put each custom option NEXT to each other on one line, but that didnt work either. Your help would be really appreciated. Many thanks.
8 answers
SORRY—THE TEMPLATE I AM USING IS FLANNEL
Hi Sir,
Please send me the URL i will help style it.
Best Regards,
Ziven.
i am developing it off line
Hi Mazhar,
Please try put to online. So the offline i can’t see and tell you the solution.
Best Regards,
Ziven.
ok thank you, I will put a demo on line and come back to you.
Hi Mazhar,
Ok. Let me know if you have it.
Best Regards,
Ziven.
Hi Ziven
I have set up the test site with the product showing here:
http://192.185.92.45/~mytest01/index.php/contour-roam2-waterproof-video-camera.html
On my site I will have more that 10 drop down box options. This will make the page too long. I need the options to be say 2 per row.
Option 1 Option2
Option 3 Option4
Option 5 Option 6
the login details for the site are:
http://192.185.92.45/~mytest01/index.php/admin
ADMIN user: testuser pw: q1234567
URL http://192.185.92.45/~mytest01/
ftp 192.185.92.45
user: mytest02 pw: 16tekzc08z
Hi Mazhar,
I have review and see the issue. this is customize and lose many time from us. we don’t support. if you want please buy services customize job from us.
Hope you understand.
Best Regard,
ziven.