If you're not comfortable making code changes to your theme, we highly recommend working with one of our partners who specialize in theme customizations. Our support is limited to this guide.
We cache color swatch files so they load faster since they won't change often. The trade off is that if you decide to change the swatch it won't be updated right away.
To force your swatches to update to the new image you've uploaded, you'll need to jump into the code briefly.
First, open up your theme code editor by navigating to Online store > Themes , and then click on the ... and select Edit code.
Open these three files:
- snippets/product-grid-item.liquid
- snippets/variant-button.liquid
- snippets/collection-sidebar-filters.liquid
You'll need to remove some code that needs to be done carefully, so it's best you back up the file first. If something goes wrong you can always follow these steps to revert the file.
Search and delete | split: '?' | first and you're all set.
In all three files the code should now look like this:
{%- assign color_image = value | handle | append: '.' | append: swatch_file_extension | asset_img_url: '50x' | prepend: 'https:' -%}