Moder Slider Can't Edit

[vividground]

Hi I got Modern Sliders, but i am trying to have different content in each slide of the pricing slider. But the moment i switch off the looper consumer and provider everything breaks.

How can i have different images/elemets in each slide with no loops?

[vividground]

I am trying to make this. To explain by what i mean by different on different slides. As i dont want to use slider revolution anymore.

[tristup]

Hi @vividground,

Thanks for reaching out.
The Pricing Slider is coming from the JSON in Looper Provider. I suggest you upload the image to the Media and add the URL to the JSON and use the Dynamic Content in the Image element to show the respecting images. In the following example, JSON the image attribute has been added with the local URL of an image.

{
    "name"        : "Starter",
    "description" : "Perfect for hobbyists or bootstrapping a project.",
    "image"       : "http://localhost/p6/wp-content/uploads/2023/02/adventure-ten-bg.jpg"
    "accent"      : "#2196f3",
    "price"       : "20",
    "link"        : "#starter",
    "linkCta"     : "Choose",
    "features"    : [
    "1 instance",
    "25,000 visits",
    "10 GB of storage",
    "Free SSL and CDN"
    ]
},

Now, you need to add the Dynamic Content as a source into the image element in the following way inside the Looper. The Dynamic Content will be {{dc:looper:field key=“image”}}.

Hope it helps.
Thanks

[vividground]

I dont think that would replicate it as I require to put interation effects on the images which can be done on drag and drop image elements.

I bought the modern sliders on a recommendation from the forum saying i could achieve this. The current slider made on slider revolution is on this page www.findyourvalues.com viewable after scrolling down.

Is there a drag and drop method to acheieve this through a different slider template within cornerstone? I am trying with the normal sliders but i am not able to get the dimensions right. [attaching login and my tries to secure note]

[ruenel]

Hello @vividground,

The Price Slider is designed to use Looper Providers so that only one Slide element is in the builder and the rest of the slides will be dynamically generated by the Looper.

You will need to manually create the slides if you want to see the individual slide structure.

This can be done by duplicating each slide and manually editing the Text elements. The above is displaying 4 of the 7 price methods. You can remove the elements inside the slide and insert your own Image and Headline elements.

Hope this helps.