Add different design selections with prepared images directly to your product page.
In Shopify, the new Theme 2.0 system allows easy and deep integration of the Fancy Product Designer into the Product Page. This article will show how to set up the dynamic design panel like this:
You can find a live example of this product in our demo store.
Adding dynamic designs as an external module to the detail section of your product is great for simplifying the interaction with the product designer. It works especially great if you have multiple fixed designs that the customer should select from.
To set this up, open the "customize" view of your theme in Shopify and create a new Product Template. You can find more information here if you are unfamiliar with the Shopify Theme customize.
But always feel free to contact us for help.
In the new Product Template, you can add a Fancy App Block called "Fancy Dynamic Designs."
This allows you can enter the name of the dynamic designs module.
If you are unfamiliar with dynamic design modules, look here for more information.
You must assign the new product template to the products you want to use it with. You can edit a Product in Shopify and change the product template in the bottom right corner.
Now you should see the dynamic design module on the product page. No worries if you feel the style doesn't perfectly match your theme. This is just HTML and CSS. You can ask your web designer to adjust it.
If you have trouble setting up the text layer module, please don't hesitate to contact our support.