Our 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 and Hide Collection Icon/Button in Quote Guru #
You have the option to display a collection icon or button on your pages. You can choose whether to show it or hide it on the collection, search, or homepages.
- Go to Collection Settings
- Collection page settings
- Yes: Display the collection icon or button.
- No: Do not display the collection icon or button.
Configure Button Redirection #
Another feature that is available in the collection is to choose what to do after clicking on the collection icon or button. Here are the options available
- Redirect to product detail page
- Normal behaviour (open popup/drawer or page)
How to show an icon or Button #
You can choose between displaying an icon or a 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.
How can I customise the Collection Button? #
To personalise 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.
How to change the 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 Colour Customisation #
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.
