Return to previous page

Make product variable dropdown open on click, not hover

This topic has 3 replies, 3 voices, and was last updated 5 months ago ago by Andrew Mitchell

carliczyk

Participant

June 17, 2024 at 15:04

Hello, is it possible to make the product variable drop down on the product archive page open when you click, not when you hover?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#400221 Copied Theme version: 9.3.11

2 Answers
Jack Richardson

Support staff

June 18, 2024 at 08:01
Dear @carlyliczyk,

We are pleased to assist you with a workaround by incorporating custom CSS into your theme settings. Please navigate to Theme Options -> Theme Custom CSS -> Global CSS and add the following code:
```
@media (hover: hover) {
    .et_st-swatch-select-wrapper:not(.active):hover {
        z-index: auto;
    }
    .et_st-swatch-select-wrapper:not(.active) .et_st-swatch-select-title {
        background-image: var(--et_select-arrow-closed);
    }
    .et_st-swatch-select-wrapper:not(.active) .et_st-swatch-select-list {
        display: none;
    }
}
```
This adjustment should achieve the results you are expecting. Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team
#400279 Copied
Andrew Mitchell

Support staff

June 18, 2024 at 15:47

Dear carlyliczyk,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#400333 Copied
Tagged: click not hover, customization, easy navigation, enhance user experience, product variable dropdown, woocommerce, wordpress templates
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Make product variable dropdown open on click, not hover’' has been successfully resolved, and the topic is now closed for further responses

Make product variable dropdown open on click, not hover

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection