Shop Categories

X

Agama Pro and Woocomerce Product Addon

Home Forums Agama Pro Plugin Agama Pro and Woocomerce Product Addon

Topic Resolution: Resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30129
    Michael.srm
    Participant

    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

    #30130
    yuniz
    Spectator

    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

    #30135
    Michael.srm
    Participant

    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/

    #30136
    yuniz
    Spectator

    Ah okay,

    Great to know it works for you.

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.