How can I set separate slideshow images for mobile and desktop in Down theme?

Store Design
1

I want to to set different images in slideshow for mobile & desktop in Down theme. Please help me to do that. Currently I can adjust only Slide height. but I want to upload separate image for mobile & desktop.

2

@shiv5695 for that you need to create different slider for desktop and mobile devices and hide mobile slider from desktop and desktop slider from mobile. it need customization code.

3

@Ujjaval Ohk, If your have any idea or customization code for that then kindly help.

4

To set different images in the slideshow for mobile and desktop in the Dawn theme, you’ll need to make some modifications to the theme’s code. Here’s a general outline of the steps involved:

  1. Open your Shopify admin and go to “Online Store” > “Themes.”
  2. Find the Dawn theme and click on the “Actions” button, then select “Edit code.”
  3. In the code editor, locate the file sections/slideshow.liquid and open it.
  4. Look for the section of code that starts with {% for slide in section.slides %}. This is where the slides are being looped through.
  5. Within the loop, you’ll find the code responsible for rendering each slide. It may look similar to:
{% if slide.image %}
  
{% endif %}
​
  1. To add separate images for mobile and desktop, you can use the srcset attribute. Modify the code to something like this:
{% if slide.image %}
  
{% endif %}
​
5

@NomtechSolution Thanks dear but is it possible to get modification code as copy and paste also get the guidance that where I have to paste. Actually I am less techy in case of codes. Even i just checked there no code starts with {% for slide in section.slides %} in section/slideshow.liquide