If the "Personalize design" button doesn't show in your Shopify store checkout, this might be due to different reasons:
- You haven't added a product with customizable elements. See how to do this here.
- Your theme cannot support this feature. Please check the list of themes and the support available below.
-
You need to add a CSS class selector btn-addtocart to Add to Cart button HTML. Please refer to the documentation of your Shopify theme or contact the theme developer for more details on how to do that.
- Tag <div data-gelato-customization="1"></div> is missing from the product description HTML. This tag is added automatically during the product publishing process but could have been removed when manually editing the product description via Shopify.
You can read more about how to style the "Personalize Design" button in your Shopify store here.
Note: If you are using a supported theme and you have verified that the <div data-gelato-customization="1"></div> tag is not missing, please contact the developer of the Shopify theme for support.
Supported Shopify themes support for advanced personalization
Theme Name | Personalized Design Button | Updated Customized Design in Cart thumbnail |
Beyond | Yes | *Yes |
Brooklyn | Yes | *Yes |
Craft | Yes | Yes |
Dawn | Yes | Yes |
Debut | Yes | Yes |
Editorial | Yes | Yes |
Envy | Yes | *Yes |
Impulse | Yes | *Yes |
Loft | No | No |
Minimal | Yes | Yes |
Motion | Yes | Yes |
Parallax | Yes | *Yes |
Prestige | Yes | Yes |
Simple | Yes | Yes |
Spark | Yes | Yes |
Streamline | Yes | Yes |
Studio | Yes | Yes |
Supply | Yes | *Yes |
Symmetry | Yes | Yes |
Warehouse | Yes | No |
Note: While we may currently provide support for selected themes, when updates are made by theme developers, it may be possible that the product thumbnail does not update.
*For themes Beyond, Brooklyn, Envy, Parallax and Supply the updated previews are supported, but might be a bit distorted or some behavior could be inconsistent