That Shopify homepage is the star of the show, no doubt! That’s where you land, that’s where the funnel begins, that’s where the magic happens. Luckily, Shopify gives you an easy way to customize this page with the Sections and Blocks framework that really lets you add all of the bells and whistles to where they matter most. However, once you get into the product pages… the customization fades away, you no longer get the freedom you had with the homepage. More specifically, if you wanted to make additional slideshows of pictures on product page, you couldn’t do that using this method, so here’s one that works!
Here’s the good news, Shopify product administration does allow that when you add an image, you can add an Alt text for the image. Now, here’s the sneaky part, we can actually use that Input textfield for the Alt to store more information. So not just the Alt that we want to appear on the page for an image, but other more exciting things.
To achieve this effect, we can create a structure of tags for the images of a product alts, so that they will be displayed in more sliders on a page.
The tags for displaying 3 sliders on a page are:
[slider1][/slider1] [slider2][/slider2] [slider3][/slider3] [section_title] [/section_title] [section_description] [/section_description] [section_label] [/section_label] [section_url] [/section_url]
For an image that should appear on slider 1, the Alt looks like this:
On the pages where we want these images to appear, we read their alts. Once we get the information from them, we group them to the right divs(slider1, slider2, slider3) and we create sliders from those divs.
And that’s it! Simple as that, and you get the same effect as nested blocks in a slideshow section on the homepage. Make the choice to put the same effort into your product pages as you do into your homepage, so that you can make every stop on your Shopify the headliner of your show!