The Quotes Guru: RFQ & Hide Prices app allows you to personalize the collection icon or button to enhance customer engagement and improve your store’s design. This section covers how to customize and display the collection icon/button on your collection, search, or catalog pages.
Show Collection Icon/Button #
You have the option to display a collection icon or button on your pages. You can choose whether to show it or not on the collection, search, or catalog pages.
Go to Collection Settings >Collection page settings
- Yes: Display the collection icon or button.
- No: Do not display the collection icon or button.
Another feature that is available in the collection is to Choose what to do after clicking on collection icon or button. Here are the options available
- Redirect to product detail page
- Normal behaviour (open popup/drawer or page)
Icon or Button #
You can choose between displaying an icon or button for the quote request. Both options provide a quick way for customers to interact and request quotes.
- Icon: A small visual element representing the quote request.
- Button: A clickable button to initiate the quote request.
Customize Your Collection Button #
To personalize your collection button, you can access the Button Settings page in the app. This allows you to easily adjust the button’s design to match your store’s layout.
Choose Your Collection Icon #
You can select the perfect icon to represent the quote request on your collection or home page. Choose from a variety of icons, such as the heart icon or others.
Icon Position and Size #
Adjust the position and size of the icon to fit your design:
- Icon Position: Set the position to Top Right.
- Icon Size: Choose the icon size (e.g., Extra Small).
Icon Background and Color Customization #
You can change the background and color of the icon in both its default and selected states. This allows you to create a visually appealing and branded look for your icon.
- Icon Default Background Color: Choose the background color when the icon is in its default state.
- Icon Selected Background Color: Choose the background color when the icon is selected.
- Icon Default Color: Set the default color of the icon when not selected.
- Icon Selected Color: Set the color of the icon when selected.
