Post by Laoyumi » Wed Jun 19, 2019 8:49 am

www.orthosupply.de is a new site running on OC 3.0.3.2 with very few modifications.
I want to modify the product page, esp. the options. They are arranged vertically and the page is getting too long. Here are images which show what I try to achieve
From Image to Image
Having the radio buttons beside each other is much more compact.
How to go about?

New member

Posts

Joined
Thu Jun 13, 2019 9:59 am

Post by Laoyumi » Wed Jun 19, 2019 8:52 am

Sorry, the images are not displaying. Their URL's are
orthosupply.de/image/catalog/OCforum/Options original.jpg
orthosupply.de/image/catalog/OCforum/Options modified.jpg

The "Problem Page" is https://orthosupply.de/index.php?route= ... uct_id=143

New member

Posts

Joined
Thu Jun 13, 2019 9:59 am

Post by by mona » Wed Jun 19, 2019 9:26 am

I had the same problem ..
It is a bit of a pain because of responsive design and the length of different words, but mine were longer than left and right.
.. this is where to start ..
catalog/view/theme/default/stylesheet/styleheet.css
add these directives

div.radio, radio { display: inline; }
.radio input[type=radio], .radio-inline input[type=radio] { position: relative; }
I think that is everything, but its a good starting point ..

I solved mine by creating a module to allow for everything to be in a select dropdown - with images -
Then I just had a list of dropdowns
https://www.opencart.com/index.php?rout ... n_id=37073

Active Member

Posts

Joined
Mon Jun 10, 2019 9:31 am
Who is online

Users browsing this forum: No registered users and 34 guests