Unlock the full potential of your Shopify store by displaying products as beautiful color swatches to enhance your shopper's experience. Let's dive in to learn how to do the same.
Step 1: Access Product Group to select product/collection page Style & Swatch Image Source
On the Swatch King dashboard, locate the side navigation bar.
Click on the
Product GroupsFind the product groups you wish to enhance from your product group's list, you can use a filter to find particular groups as well.
For the product group, choose your preferred swatch style for the product groups on the product page, such as
Circular swatch.For Deeper Customization: Explore the product/collection page styles section.
Right below the style dropdown, there's another dropdown for image settings.
Opt for
Color/Custom image; once done, an option to upload the swatches will show up; once uploaded, Swatch King will use these uploaded images from the dashboard as the swatch image.
Step 2: Upload Color/Custom swatches
You must select one of the three upload methods from this list: Add color, Add file, or Add from URL.
Add color: To upload using a Hex code, enter the desired color's Hex code, say
#FFFFFF, into the provided field or select the from the color pallet.Add file: For uploading an image, follow these guidelines:
Ensure the image file is in either PNG, JPG, or JPEG format.
Ensure that the file size does not exceed 512KB.
Click on the upward-pointing arrow symbol next to 'Upload a file,' then select the image file from your device.
Add from URL: For URL-based uploads, adhere to the following guidelines:
The URL should be publicly accessible.
Enter the URL of the color/custom swatch in the designated field.
After entering the colour, uploading an image via computer, or adding a URL, click the
Updatebutton.
Conclusion:
You have successfully uploaded custom color swatches to enhance your product groups, creating a visually appealing shopping experience for your customers. You can visit your storefront to see the results.
Note: If you still face issues with swatches not showing up, don't hesitate to contact our support through chat, and they will troubleshoot the app instantly.