MPL ID S14.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved mschuessler
(@mschuessler)

3 years, 10 months ago

Hi,

I want to change the layout of the dropdown variations. Label text aligned left and dropdown boxes in block. I have found thise code:

___________________________

`.woocommerce.single-product .product .summary .variations { width: 110%;}

.woocommerce.single-product .product .summary .variations .radioSelectContainer > label {
display: inline-block;
margin: 5px 5px 0 0;
text-align: left;
}

.woocommerce.single-product .product .summary .variations .reset_variations {
margin-top: 15px;
display: block !important;
}

.woocommerce div.product .summary .variations .label, .woocommerce-page div.product .summary .variations .label { width: 25%;}
.woocommerce div.product .summary .variations .value, .woocommerce-page div.product .summary .variations .value { width: 70%;}

.woocommerce .variations_form .variations { background: rgba(0,0,0,0); padding: 10px;}

.woocommerce div.product .summary .variations .label { text-align: left;}
___________________________________________

When being in the backend it looks good – but when only in the frontend it looks like this: https://www.schwepper.com/store/einsteckschloss-fur-zylinder-fallenausschluss-14mm-mit-kurbelfalle-komplett-edelstahl-gsv-nr-3811-z/

Does anyone have an idea why the code is not being displayed properly in the frontend? Thanks

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Support Shohan Hossain Nabil – a11n
(@sohanhossain)

3 years, 10 months ago

Hi @mschuessler! ??

I want to change the layout of the dropdown variations. Label text aligned left and dropdown boxes in block. I have found thise code:

I have checked the product link you shared and it looks exactly the way you described (https://d.pr/i/nZOmwk). Did you manage to solve it?

If not, could you please share screenshots to show what is currently happening and then explain the difference between the expected result?

I recommend https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in this chat. It works with Chrome, Firefox, Safari, and Edge.

Thanks!

Thread Starter mschuessler
(@mschuessler)

3 years, 10 months ago

Hi SHohan,

I found some code to manage. Now I ahve the issue with BeTheme that the code works for the German site – but not for the English. Any idea? Thanks

Plugin Support Shohan Hossain Nabil – a11n
(@sohanhossain)

3 years, 10 months ago

Hello @mschuessler,

I found some code to manage. Now I ahve the issue with BeTheme that the code works for the German site – but not for the English. Any idea? Thanks

If I understood correctly, you have two sites (German and English) with the same theme (BeTheme) and the problem exists on the German site – Is that correct?

Could you please share a product link of the other site where I can see the actual problem?

Thanks!

Thread Starter mschuessler
(@mschuessler)

3 years, 10 months ago

Hi Shohan,

here is the link for the German product page:

https://www.schwepper.com/store/wc-kurzschild-wcowcr-messing-edelstahl-in-entfernungen-75mm-78mm-gsv-nr-6645-wcp/

English page same product:

https://www.schwepper.com/en/product/wc-short-plate-brass-stainless-steel-wcowcr-for-distancing-75mm-78mm-gsv-no-6645-wcp/

Plugin Support Shohan Hossain Nabil – a11n
(@sohanhossain)

3 years, 10 months ago

Hello @mschuessler,

Thank you for sharing the product link.

I have checked them both and they look identical. I am not seeing any difference. If you are using any caching plugin then I suggest you clear the cache and check again.

Plugin Support abwaita a11n
(@abwaita)

3 years, 10 months ago

Hi,
We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to resolve the dissimilarities between the two sites as advised above!

If you have further questions, please feel free to open a new topic.

Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Isuue with dropdown variation layout’ is closed to new replies.

Tags