Dynamic Designs

Modified on Tue, 09 May 2023 at 03:49 PM

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 with 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.

Create a custom Product Template.

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 design 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.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article