Heritage 3.2.1 Image lazyload and color swatches

Hi everyone, I’m currently using the latest version of the moment Heritage 3.2.1 theme, and I’m having a problem.

  1. I do not know if the theme is having by default image lazy loading, cause I didn’t see any option to enable it + also, if this applies to sections generated by AI, if someone can tell me that?

  2. I enabled the option to use images instead of text for the color variant of my products, but for some reason, this is not working, and I do not know how to fix this. I’m trying to enable images instead of text for colors or to have a color palette. Can someone help me with that how that works?

Thanks,
Stefan

Heritage is a part of the Horizon family, so same code as Horizon, Savor, etc..
Of course, these themes use lazy loading and there is no need to turn it on.
As for AI generations – mostly the use lazy loading too, but there is no guarantee :slight_smile:

Sharing a link to your store will allow to confirm if this is the case.

For color swatches to kick in you need to follow a special routine – https://help.shopify.com/en/manual/custom-data/metafields/category-metafields/using-category-metafields

Horizon family only supports this way of adding swatches.
There is a number of discussions here on implementing this – search forum for Horizon color swatches.

Thanks Tim, I will check this out and see if can help me, about lazy loading i know that it should be there by default for Horizon family themes but I’m not sure how that works because i cannot confirm it via code

Hi @stefansweb20

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

Hi,

Hope this will help

Heritage already uses native lazy loading no toggle needed.

Lazy load applies to AI-generated sections unless custom code breaks it.

For color image swatches: Option must be named “Color”, each variant needs its own image.

For custom swatch files upload exact-match filenames.Also check swatch settings.

If still broken AI-generated sections might be overriding the variant picker.

Everything is according to documention but still the images for colors is not being showed only label color name

I found a solution you need to connect it with db

Frankly, the manual says it – you need to create your product option from the category color metafield.
Even connecting it later may not fix the problem.