I’ve been doing some more digging… I’ve realised this could also be doable using the JSON settings…
I have a unique template set up for this collection page, so there’s no need for an ‘if’ condition. But I can’t see in the Shopify Dev documentation, what setting to adopt in order to select the second image.
https://shopify.dev/themes/architecture/settings#access-settings
Here’s the current settings:
{
“sections”: {
“banner”: {
“type”: “main-collection-banner”,
“settings”: {
“show_collection_description”: true,
“show_collection_image”: false
}
},
“product-grid”: {
“type”: “main-collection-product-grid”,
“settings”: {
“products_per_page”: 8,
“image_ratio”: “square”,
“show_secondary_image”: true,
“add_image_padding”: false,
“show_image_outline”: false,
“show_vendor”: false,
“show_rating”: false,
“enable_filtering”: false,
“enable_sorting”: false,
“collapse_on_larger_devices”: false
}
}
},
“order”: [
“banner”,
“product-grid”
]
}
So I’m thinking there should be a setting I can put in “product-grid”: {…}, which will allow me to simply ask to use the second image.
Right now, on hover the second image will show. But we want that to be the first image and no hover other than a usual slight zoom is necessary.