Users able to change my product image repetition

Hi guys!

I’m trying to add a feature in my site that allows customers to change the repetition image of my products¹ (something like background image repeater) with a slider.

¹My products (and their respective images) are in a CMS data. I sell patterns, so it would be nice for clients to be able to see the repetitions and drag the image left, right, up and down with mouse click through the mockup image.

It would be something like layers and masks. On the top we have a fixed gallery with some mockup images with transparent areas. Below this, go my products (cms) link to a slider that allows customers to change the amout of repetitions. And if they click on the image, they can drag this repetition to the right mockup place.

I don’t know if I being clear cause I dont speak english very well and I’m not a coder. But basically, the slider controls the product repetitions and mouse click controls the navigation through the repetitions.

(Also I have notice that wix gallery allows png with transparent areas in main image but the thumb images dont. You can see this in the print below)

Currently, I place the patterns inside a mockup with photoshop and add them to the site (product CMS). But they are static. Clients are able to navigate through the gallery with all the images I upload but they are not able to change the amout of repetitions and so on.

Its not the main objective but this feature would also save a lot of space that I spend with tons of same images in every new product I upload.

In case it helps, my site is www.patternarium.com.br

Thank you in advance!

Maybe something like this will help. I have added this to a site previously.

Thank you Dan! It’s not exactly what I was looking for but seems very interesting. I believe it would help to get start and maybe with some adaptations could work for the purpose. Thank you!