multiple fotos section

multiple fotos section

siemonLumier
Excursionist
42 0 4

how can i add a column/section to add lot of pics together for social proof?

like this: 

siemonLumier_0-1716224431565.png

 

website = Lumiér (lumiertherapy.nl)

Replies 5 (5)

Sweet_Savior_3
Shopify Partner
1366 104 145

Hello @siemonLumier 

 

Welcome to Shopify Community.

 

This section is not not available for any theme. You have to custom code the whole section. If you are not good with code you can either seek help of a developer to hardcode this for you at reasonable cost. Let me know if I can be helpful in anyways.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

PageFly-Noah
Shopify Partner
1317 233 280

This is Noah from PageFly - Shopify Page Builder App

Hi @siemonLumier  You nee add code Html/liquid to show list image. You can see code here:

 

<div class="image-gallery">
    <div class="image-item">
      <img src="image1.jpg" alt="Image 1">
    </div>
    <div class="image-item">
      <img src="image2.jpg" alt="Image 2">
    </div>
    <div class="image-item">
      <img src="image3.jpg" alt="Image 3">
    </div>
    <div class="image-item">
      <img src="image4.jpg" alt="Image 4">
    </div>
    <div class="image-item">
      <img src="image5.jpg" alt="Image 5">
    </div>
    <div class="image-item">
      <img src="image6.jpg" alt="Image 6">
    </div>
    <div class="image-item">
      <img src="image7.jpg" alt="Image 7">
    </div>
    <div class="image-item">
      <img src="image8.jpg" alt="Image 8">
    </div>
    <div class="image-item">
      <img src="image9.jpg" alt="Image 9">
    </div>
    <div class="image-item">
      <img src="image10.jpg" alt="Image 10">
    </div>
  </div>

<style>

.image-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 20px;
}

.image-item {
  width: 100%;
  height: 100%;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

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.

siemonLumier
Excursionist
42 0 4

hey Noah,

 

i made a new section galley-image liquid section with the code.

but i doesnt show when costimizing theme

kaalTechGeeks
Shopify Partner
318 58 80

Hey @siemonLumier

The screenshot for the section you shared is actually called a "Galley section". Please check if your theme has this section or not? Ideally I think your theme (Impulse - if I am guessing it right), should have this section. 

If not then it can only be added by custom code. 

You might need to hire a Shopify developer incase you are not familiar with editing the code yourself. If you want me to take this up, please ping me through the socials attached below this message. The section I will develop will be fully customizable which means you will have the complete control over the section design, photos you wanted to add and everything and the best part would be you won't need to touch code to achieve any of the changes. 

 

Hope this helps! 

 

Best regards, 

KaalTechGeeks

- If my answers saved you time and headaches, consider buying me a coffee!
- Check my profile: KaalTechGeeks | Reach out to me on my socials - Instagram | Skype | Mail
- Was my reply helpful? Click Like to let me know! & if your question was answered, Mark it as an Accepted Solution!
siemonLumier
Excursionist
42 0 4

no the impulse them doesnt have this,

 

how can i make a section with this