Shopify Themes: Slideshow image size best practices || Shopify Help Center 2018

Shopify Themes: Slideshow image size best practices || Shopify Help Center 2018


This video covers best practices with image size when using a slideshow in your theme. Full-width images, such as slideshows and images with text overlays are common sections in Shopify themes.

Looking for more information on image size in slideshows?
Check out this document in our Help Center »

For all Shopify theme documenation, start here »

For further assistance, contact Shopify Support directly »

Music by:

Subscribe to our channel for more videos on everything you need to know to build your Shopify store and make it a success »

Looking for more information on setting up your store?
Check out the Shopify Help Center »

Connect with other Shopify merchants and learn in the Shopify Community »

Connect with us on:
• Facebook »
• Twitter »
• Instagram »

Launch your own online store by visiting Shopify and starting your free 14-day trial »


  1. Hi, I have an image that fits fine on the mobile version but doesn’t work so well on the desktop. The Image size is: 2161 (width), 3840 (height). Should I change the size of the image? I tried changing the aspect ratio to 1:3 but that didn’t work. I am also using pxlr by the way. This won’t degrade the quality of the image will it?

  2. I'm using the minimal theme, and I don't have the option of change the text (right now it say ''image slide'') or remove it. Please help.

  3. I'm using the Brooklyn theme and got a problem which I don't know if there is a true solution for. I got a very good image which fits perfectly on desktop but when seen in mobile the image cuts a very important part on the right side. It has a person that stands on the right side of the image and mostly gets cut off on mobile devices which looks unprofessional on mobile devices because of that. Is there a way to edit the position of the image on mobile while maintaining it the way it is shown on the desktop? I really am not able to find the solution my self.

  4. My customers only see the big banner, and they won't see the products below until they scroll down. How would I change the size of the banner so it does not take up the entire screen?. I am using the "Simple" theme. thanks.

  5. Hello, how can I have the slideshow take all over the top of the page where I can blend it with the store logo? Thanks

  6. Hi, what size do the slideshow images fro simple need to be so that it does not crop the image?

  7. Hey im using the minimal theme and would like my slideshow to cover the max width of the device it is being used on. At present the background is showing around the slideshow images. How could I change this so it is like the brooklyn theme above? Thanks

  8. hi, getting different size on web and mobile devices, how to rectify those?

  9. hi, my question is regarding facebook ad, suppose I am running a facebook PPE ad and the ad is performing well now wanted to scale the ad, can I scale the PPE ad? or I have to duplicate the PPE ad to conversion ad for scaling. Also wanted to know that after duplicating the facebook PPE ad to conversion ad should I have to delete the PPE ad?

Leave a Reply

Your email address will not be published. Required fields are marked *