Creative Elements gallery and WebRotate360

[mike90]

Hello everyone, I'm trying to place a 360 product photo in a product gallery created using "Creative Elements" module. I'm using Presta version 8.1.7 and the Classic theme. I know that I should put the proper CSS class name in the "Placeholder" field in the module settings, but my knowledge of CSS is poor and I blindly tried to enter different classes but with no positive effect.
Any ideas?

Regards Mike

 

[ForumAdmin]

Hi Mike, would you mind sharing your product page URL?

 

[mike90]

Hi, here is a sample product page created in Creative Elements.

And this is how I would like it to look like in the end -> Image1

 

[ForumAdmin]

Hmm, can you assign a class or id to a slide (a new slide you would add with a 360 graphic image) in the "Creative Elements" module?

 

[mike90]

If I understand correctly, no.
I can add a css class but only to the entire module. I can't do this for individual elements.

 

[ForumAdmin]

I see.. do you mind adding this image to the product in the link as the second slide?

 

[mike90]

I added 360 graphics as you asked.
The only thing I managed to achieve recently is that if I put the ".swiper-slide-next" class in the "placeholder" field, the second image always changes into a 360 image, but it only works when the "In Popup: yes" option is selected.

I'm starting to think that it won't be possible to do this in the form I would like without writing a new add-on to "Creative Elements" containing a standard classic product photo gallery

 

[ForumAdmin]

Please try this class instead:

.elementor-main-swiper .swiper-slide:nth-child(2)

 

[mike90]

.elementor-main-swiper .swiper-slide:nth-child(2)

"In Popup: no"

No effect

.elementor-main-swiper .swiper-slide:nth-child(2)

"In Popup: yes"

Second image replaced by 360image but the image in the slider remains unchanged (it does not change to a 360 icon).

Hummingbird printed t-shirt

Regular fit, round neckline, short sleeves. Made of extra long staple pima cotton.

wznrqanqjv.cfolks.pl

If I use only

.swiper-slide:nth-child(2)

"In Popup:no"
No effect

"In Popup:yes"
Second image turns into a 360 icon and after clicking it opens in a popup window.

 

[ForumAdmin]

Apologies for the late reply, Mike! Please consider this approach instead which is also a Prestashop store with a custom gallery:

Sportbril, kleur Zwart Rood. Materiaal TR-90. Gewicht 19 gram. Stijl Sport. Prijs 80 euro.

Topkwaliteit voor een eerlijke prijs | vakmanschap | 180 dagen n.g.g.t. garantie | altijd gratis verzending | gratis luxe onderhoudsset t.w.v. € 27,95 |

365brillen.nl

I.e. add an extra image element next to the gallery with 360 graphic and attach webrotate's popup mode to it. The alternative is customizing your gallery to work with our plugin which is not trivial.