When using Product Filters, you can choose to use images as your filter options instead of the standard radio button selection. This is a visually appealing way to filter out your products when your clients are placing orders. Follow the steps below to use images as your filter options!
How to use images as product filters
For step-by-step instructions with screenshots, see the Step-by-Step section at the bottom of this article.
Step 1: Go to the Shopping Cart page
Step 2: Scroll down to Product Filters
Step 3: Click 'Create a New Filter'
Step 4: Enter a Filter Name
Step 5: Click 'Yes' for Horizontal Layout, if needed
Step 6: Click 'Yes' for Hide Bullets, if needed
Step 7: Click 'Save Updates'
Step 8: Click 'Create a New Option'
Step 9: Enter a Filter Name
Step 10: Click 'Hide Name', if needed
Step 11: Choose Products that will display
Step 12: Click 'Save Updates'
Step 13: Once created, click the filter option
Step 14: Click the Filter Option Image to upload
Step 15: Click 'Save Updates'
Step-by-step:
Step 1: Go to the Shopping Cart page by clicking the Business tab at the top of the page and then the Shopping Cart tab on the left-hand side.
Step 2: Scroll down to the Product Filters section.
Step 3: If you do not already have filters created, click the 'Create a New Filter' button.
Step 4: Enter in a Filter Name. This will be the question your clients are asked such as 'Choose a Property Type' or 'What Type of Listing is this Property'.
Step 5: If you would like your filter images to be displayed horizontally instead of vertically, click the Horizontal Layout drop-down and select 'Yes'.
Step 6: If you would like to hide the bullets/radio buttons for your filter options and exclusively use the images for selection, click the Hide Bullets drop-down and select 'Yes'.
Step 7: Click the 'Save Updates' button.
Step 8: Once your filter is created, you can create your filter options. Click 'Create a New Option' for your filter.
Step 9: Enter in a Filter Name.
Step 10: If you would like to exclusively use the filter image for the filter, click the 'Hide Name' checkbox. This will hide the name of the filter on your shopping cart and only display the image.
Step 11: In the Products section, choose the products that will display when this filter option is selected.
Step 12: Click the 'Save Updates' button to create your filter option.
Step 13: Once your filter option is created, you can upload the image to be used for your filter. Click the filter option to open the Filter Option Details.
Step 14: Click the Filter Option Image box to choose the image you would like to use for your filter.
Step 15: Once uploaded, click 'Save Updates'. You will now see those filter images as the filter options on your shopping cart!
For any additional questions, our Support team is ready to help you!
Call: (509) 515-3338
Email: Support@HDPhotoHub.com
Or use the chat button in your account for live assistance.