If you are using the Shopify Supply theme for your store, you may have noticed that the slideshow is not full width by default. This can be a bit of a problem if you want to showcase large images in your slideshow or if you simply want it to look more visually appealing. In this blog post, we will show you how to get full width slideshow in Shopify Supply theme. We will also provide some tips on how to choose the right images for your slideshow and how to make sure they are optimized for SEO.
How to Get Full Width Slideshow in Shopify Supply Theme
Assuming you are using the Shopify Supply theme, there are a few steps you’ll need to take in order to get a full width slideshow. First, you’ll need to add a new section to your home page template. Second, within that section, you’ll need to add a slideshow block. Finally, you’ll need to adjust the settings for that slideshow block so that it spans the full width of your home page.
How to Customize the Slideshow in Shopify Supply Theme
Assuming you have a Shopify Supply theme installed and activated, there are two ways you can change the look of your slideshow. By default, the slideshow is 600px wide and 400px tall.
To make the slideshow full width, you’ll need to edit the code in the Layout/Theme editor. In the “Assets” directory, find and open the “theme.scss.liquid” file. Find the following code:
#slideshow { max-width: 600px; height: 400px; margin: 0 auto; }
And replace it with this code:
#slideshow { width: 100%; height: 400px; }
If you want to change the height of your slideshow, simply edit the “height” value in either of the snippets of code above. Remember to hit “Save” when you’re done making changes in the Layout/Theme editor.
Conclusion
There you have it! A quick and easy guide on how to get a full-width slideshow in Shopify Supply theme. By following these simple steps, you’ll be able to make your store’s homepage look even more eye-catching and professional. So go ahead and give it a try!
