[Share] Combine 2 Gallery Sections

You can use these steps to combine 2 Gallery Sections. With this way, you can split gallery into 2 sections with different columns/ratios.

If code doesn't work, you can send link to page where you use Gallery Section, I will check again.

#1. First, find ID of 2 Gallery Sections.

In my example, we will have:

Gallery with 3 columns

section[data-section-id="6707a04e0b698b4fb4bd8f3e"]

Gallery with 4 columns

section[data-section-id="66ed2c3e2f063471736e09c1"]

#2. Use this code to Page Header Injection (or Code Injection > Footer)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
             $('section[data-section-id="66ed2c3e2f063471736e09c1"] .gallery-grid-wrapper').insertAfter('section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper');
});
</script>
<style>
section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper {
    margin-bottom: 1.75vw;
}
</style>

#3. Result

Hey @tuanphan I think I'm attempting to do something similar here : 
 

Do you have any insights? 

Thank you in advance 🙂

10 hours ago, parisianfoodphotographer said:

Hey @tuanphan I think I'm attempting to do something similar here : 
 

Do you have any insights? 

Thank you in advance 🙂

 

you mean with landscape photos, it will show 2 images/row?

Currently it shows 3 landscape photos in a row, I'd like for it to only show two.

18 hours ago, parisianfoodphotographer said:

Currently it shows 3 landscape photos in a row, I'd like for it to only show two.

If you change the number of columns of items in the middle of the gallery, you will need to recode the layout of all items from there down.