nicer image radio buttons view

i searched for “columns”, took the code you offered, didnt work for me…

• This reply was modified 5 months ago by orensomething.

Hello there,

hi, im thinking, is there a nicer way to lay the image radio buttons on the page? by default the buttons are aligned one after the other in a long long list, i changed it to display: ruby, but it really lacks any flexibility in the visual part, especially in mobile… is it only available in paid version? cant i add swatches or nicer looking buttons?

Unfortunately this feature is not available in this version of the plugin.

id like the tool tip to be fixed in mobile, at the moment it is somewhere outside the display. also in desktop, it is going out of the display.

Please try using following CSS code.

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option {
    position: relative;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip {
    left: calc(50% - 27px);
}

where is the translation being changed? anywhere in the plugin? thank you!

Can you add more details about this issue? What’s not working?

the tool tip behaves weird, unuseful as it is now. in mobile it appears somewhere on top of the page, out of focus. i did that css by myself, it forces the tooltip out of the window and dragging the whole page with it.. if youd like you can test – the first 2 options has a tooltip, behaves terribly.

translation of the conclusion table (hidden atm) – its in english at the moment. do i need Polylang or how do i translate that?

hi, much better, thank you! id like to translate to hebrew the wapo-total-price-table,

how should i do this?

thank you!

also, is it possible to get the too tip image to about 150px? very small atm

Hi there,

If you want the plugin in Hebrew, you simply need to add the translations into the official translate platform of WordPress.

Try a CSS rule like this for the tooltip image:

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip img{
    max-width: 150px;
}

Have a nice day!

hi, thank you very much!

You’re welcome
Marking this topic as solved for the moment
We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good?review?to support us and help our growth ??

Have a good day.

i did. thank you so much. if this product will have a little more visual options it will kill the competitors

hi, i am struggling to “half” the drop-downs width so they will be taking less space.
sample:https://myhome-il.co.il/product/%d7%90%d7%a8%d7%95%d7%9f-%d7%94%d7%96%d7%96%d7%94-%d7%93%d7%a8%d7%95%d7%a8-2-%d7%93%d7%9c%d7%aa%d7%95%d7%aa-1-60/

my site:
https://woodworld.co.il/product/white-%d7%90%d7%a8%d7%95%d7%9f-%d7%94%d7%96%d7%96%d7%94-%d7%93%d7%92%d7%9d-2/

could you help me out please? thank you so much.

hi, my site got totally broken ??
i guess due to recent updates. look at the product page… its completely broken.

https://woodworld.co.il/product/%d7%9e%d7%99%d7%98%d7%94-%d7%93%d7%92%d7%9d-%d7%98%d7%95%d7%a1%d7%a7%d7%a0%d7%94/

here is another sample:
https://woodworld.co.il/product/%d7%97%d7%93%d7%a8-%d7%99%d7%9c%d7%93%d7%99%d7%9d-%d7%93%d7%92%d7%9d-%d7%a0%d7%95%d7%95%d7%94/


i would like the preview colors to be nicely aligned in a few lines, ant the moment it goes under the product image and continues all the way out of the page.. the drop downs are also quite broken.. the second sample is showing this.

also in mobile ver its not better.

it took me weeks to work on a suitable look, with your help of course.

please, id need a few css tweaks so the page will look neat again. i checked, its only in things involving the YITH WooCommerce Product Add-ons & Extra Options addon.

Thank you!

id like to add please that also the tooltip is breaking the page a bit, when on, it pushes down the whole page.

thank you

hi, waiting for a week, would love to get your help in that term.

thank you.

Hi there,

I checked the page you mentioned, and in this case the issue is related to the custom CSS you’re using, in this case the display: ruby-text.

You should instead try using display: grid and grid-template-columns to solve the issues. You could try the following CSS instead:

.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
  display: grid !important;
}

.yith-wapo-block div.yith-wapo-addon-type-radio .options {
  grid-template-columns: 1fr 1fr 1fr !important;
}

About the tooltip issue, I couldn’t replicate it, could you send us a video or image so we can check it?

We’ll remain at your disposal.

hi, a few more questions please ??
1 – highlight selected option: i would like to have maybe a black circle around a selcted feature.
for example:
https://woodworld.co.il/product/%D7%97%D7%93%D7%A8-%D7%99%D7%9C%D7%93%D7%99%D7%9D-%D7%93%D7%92%D7%9D-%D7%90%D7%A0%D7%90%D7%91%D7%9C/

when a color is selected, id like to have some indication, right now it has none.

2 – translation of the total table: ive been told this is only possible in the premium version.. id love to be able to translate this area (bottom of page, total option).

thank you so much!