Agama Pro and Woocomerce Product Addon

[Michael.srm]

Hello guys,

I am currently working on optimizing the customer experience on my Woocomerce shop using the Agama Pro theme.

I am using the “Woocomerce Products” Plugin.

I am using the “image” function of the Plugin. Customers can click on an image of the option they want to choose.
Here is an example:
https://onlineshop.srm.de/shop/categories-for-product-addons/origin-road/origin-road-carbon/

Currently, the customer does not get feedback that tells him what option he chose.

I would like to implement an outline around the selected option. I have seen this implemented with other Themes. But in Agama it does not work. I tried to do it myself, but I did not manage.

Can you help me with that?

Greetings,

Michael

[yuniz]

Hi Michael,

You can add following code under additional css

.wc-pao-addon-image swatch.selected
{
outline-color:#0f834d!important;outline-width:2px!important
}
.wc-pao-addon-image-swatch
{
outline:1px solid #ddd!important
}

Hope this help for you.

Please feel free to ping if you have further queries.

Regards

[Michael.srm]

Hey Yuniz,

A yes, that worked perfectly.

You where missing a – in “.wc-pao-addon-image swatch.selected”

But that was easy enough to spot. Thanks a lot!

Looks pretty good now:

https://onlineshop.srm.de/shop/categories-for-product-addons/origin-road/origin-road-carbon/

[yuniz]

Ah okay,

Great to know it works for you.

Regards

[Author]

Posts