New Shopify Certification now available: Liquid Storefronts for Theme Developers

Show 2 Images In Row at Product Page [to increase the view of the photos]

CaioFutureHouse
Visitor
1 0 1

Hello!
I've looked all over the Shopify forum for this solution and it doesn't exist around here. I really want to fix this but I have no idea how.
I want my product page to show not only the first product photo. I want it to also show the beginning of the second image (this in mobile format).
To make it easier, here's how I want my product page to show the images:

CaioFutureHouse_0-1688947695504.png


Today I use Shopify + Pagefly to create my pages. And to create product image views I use the "Product Media" function in Pagefly.

If any of you can help me to do this in the tools I use, I will be eternally grateful.

Thanks.

Replies 4 (4)
ZenoPageBuilder
Shopify Partner
846 151 169

Hello @CaioFutureHouse 

Can you share the store URL?

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Chris_Sydney
Shopify Partner
84 4 14

Hey, 

 

Do you want to remove the image or put it at the end? 

 

If you want to remove, I would assume you just would need to remove the first image from the product.images.postition

 

https://shopify.dev/docs/api/liquid/objects/image

PageFly-Kate
Shopify Partner
848 282 248

Hi @CaioFutureHouse ,

 

This is Kate from PageFly team. Thank you so much for choosing PageFly to improve your website.

For the slideshow of product images like you want, I have an idea. We can try to manually build a slideshow element instead of using our Product media element. Our slideshow has a feature to show the next slide/image. I tried it on my store to show you here:

PageFlyKate_0-1688960756085.png

The limitation is that it can not update from your Shopify source, you have to adjust it manually. And when you choose the Product variants, the slide of images will not be changed correspondingly.

 

If you want to create this feature for your Product media/image automatically, I am afraid we need to customize the code for it. Please give me your store URL so that I and my team can help to check more. It's better if you can talk with our 24/7 Live chat support team to check it directly and discuss more.

 

If you have any further questions, please feel free to let me know. Hope this suggestion help!
Kate

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Chris_Sydney
Shopify Partner
84 4 14

thats pretty cool. 

 

dont need but def a space for it.