how can i add new banner slider section for desktop and mobile in sense theme

how can i add new banner slider section for desktop and mobile in sense theme

1689
New Member
9 0 0

Hi

    how can i add new banner slider section for desktop and mobile in sense theme

Replies 8 (8)

Ujjaval
Shopify Partner
1242 197 213

@1689 
From here you can add slider
online store->themes->customize->Add section->search slider

Ujjaval_0-1674021484824.png

 

1689
New Member
9 0 0

sir 

   I need to add different images for mobile slider

1689
New Member
9 0 0

Or is there any apps for that

1689
New Member
9 0 0

Hi

  this Tapita Page Builder can use seperate images slider  for desktop and mobile ?

1689
New Member
9 0 0

Are You sure, this builder app can use seperate images sliders for desktop and mobile because this is payed app 

1689
New Member
9 0 0

please suggest any apps for seperate images banner slider of desktop and mobile

Artzen_tech
Shopify Partner
555 114 111

Hello @1689 

Its Artzen Technologies! We will be happy to help you today.

 

This is achievable in sense theme. Below are the steps to achieve this.

1. Go to customize  your theme and add  two Slideshow section to your home page where you want to show it. 

p1.png

 

p2.png

2.  And, add images for desktop in one slideshow and add images for mobile screen in another slideshow  , after that save the changes.

p3.png

 

3.  After save , preview your store by followed screenshot given below:

p5.png

 

 4.   Moreover, go and do changes done by followed screenshot given below:

p4.png

 

5. Edit code in "base.css" file on the basis of the slider Id (id is denoted by #), then copy the code given below and paste in the end of  your base.css file:

p6.png

6.  (max-width :767px) it is for mobile screen , and (min-width:768px) it is for desktop.

 

@media screen and (max-width : 767px){
  #shopify-section-template--16848388555001__c3717efa-0784-4009-9f9f-23ded40d1360{
    display : block;
  }
  #shopify-section-template--16848388555001__1e4db76a-bd65-46ee-988f-d45b2b84b1e1{
    display : none;
  }
}
@media screen and (min-width : 768px){
  #shopify-section-template--16848388555001__c3717efa-0784-4009-9f9f-23ded40d1360{
    display : none;
  }
  #shopify-section-template--16848388555001__1e4db76a-bd65-46ee-988f-d45b2b84b1e1{
    display : block;
  }
}

 

 

 

 

  

Let me know if need further assistance

Regards,

Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

MRamzan
Shopify Partner
529 3 46

We can add images slider in our shopify store without using any App:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112