Hide product variants dropdown

You are here:
< All Topics

It is possible to hide the product variants dropdown on the results page.

Option 1) Recommend a specific product variant instead

You can recommend a specific product variant instead of the main product by changing your Results Page settings.  Open Results Page settings > Advanced and deactivate “Group product variants”. Remember to publish the changes with the top-right button.

 

Option 2) Hide the dropdown with custom CSS code

It is also possible to recommend only the main product and simply hide the dropdown with custom CSS code. To do that open the Quiz Design tab > Custom CSS and copy the following code:


.no-variants-dropdown {
display: none;
}

.lq-variants-dropdown {
display: none;
}

Remember to publish the changes with the top-right button.

 

Table of Contents

Install the app and get started today

Add a Product Recommendation Quiz on your store and start offering a personalized shopping experience