Hello, I am currently working on customizing Shopify website however I am very new to this whole thing, including code. After countless videos I still don’t fully understand how to use custom liquid. Specifically, I would like to use a template i’ve found on a website, on my own website. So I inspect the page to retrieve the HTML code(which i pasted at the bottom along with what it looks like). What in this code do I have to change in order to make the template appear and work on my site. Thank you in advance.
html code:
<div class="gallery gallery-spacing--small text-center swipe-on-mobile section-spacing section-spacing--disable-top section-spacing--disable-bottom" style="--gallery-columns: 2;--overlay-color-rgb: 0, 0, 0; --overlay-opacity: 0.1">
<div class="gallery__inner"><div class="gallery__item" samitapbl-element="handle" p-handle="rectangle-sunglasses"><figure class="aspect-ratio aspect-ratio--portrait" style="--ratio-percent: 100%;">
<img class="lazyautosizes ls-is-cached lazyloaded" width="3309" height="4518" data-sizes="auto" src="//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_20x_crop_center.jpg?v=1701546354" data-srcset="//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_375x_crop_center.jpg?v=1701546354 375w,//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_750x_crop_center.jpg?v=1701546354 750w" alt="" sizes="255px" srcset="//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_375x_crop_center.jpg?v=1701546354 375w,//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_750x_crop_center.jpg?v=1701546354 750w">
<noscript>
<img width="3309" height="4518" sizes="auto" src="//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_20x_crop_center.jpg?v=1701546354" srcset="//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_375x_crop_center.jpg?v=1701546354 375w,//everyotherthursday.com/cdn/shop/files/WEB_SS23-000002060007_750x_crop_center.jpg?v=1701546354 750w" alt="" loading="lazy" />
</noscript>
<div class="gallery__item-content content-middle-center">
<div>
<a href="/products/rectangle-sunglasses" class="gallery__item-content-link" target="_self" data-samitapbl-handle="rectangle-sunglasses"></a>
</div>
</div>
</figure>
</div><div class="gallery__item" samitapbl-element="handle" p-handle="geese-logo-snapback"><figure class="aspect-ratio aspect-ratio--portrait" style="--ratio-percent: 100%;">
<img class="lazyautosizes ls-is-cached lazyloaded" width="768" height="1024" data-sizes="auto" src="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_20x_crop_center.jpg?v=1701964971" data-srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w" alt="" sizes="255px" srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w">
<noscript>
<img width="768" height="1024" sizes="auto" src="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_20x_crop_center.jpg?v=1701964971" srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w" alt="" loading="lazy" />
</noscript>
<div class="gallery__item-content content-middle-center">
<div>
<a href="/products/geese-logo-snapback" class="gallery__item-content-link" target="_self" data-samitapbl-handle="geese-logo-snapback"></a>
</div>
</div>
</figure>
</div></div>
</div>
<a href="/products/rectangle-sunglasses" class="gallery__item-content-link" target="_self" data-samitapbl-handle="rectangle-sunglasses"></a>
</div>
</div>
</figure>
</div><div class="gallery__item" samitapbl-element="handle" p-handle="geese-logo-snapback"><figure class="aspect-ratio aspect-ratio--portrait" style="--ratio-percent: 100%;">
<img class="lazyautosizes ls-is-cached lazyloaded" width="768" height="1024" data-sizes="auto" src="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_20x_crop_center.jpg?v=1701964971" data-srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w" alt="" sizes="255px" srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w">
<noscript>
<img width="768" height="1024" sizes="auto" src="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_20x_crop_center.jpg?v=1701964971" srcset="//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_375x_crop_center.jpg?v=1701964971 375w,//everyotherthursday.com/cdn/shop/files/20A7A377-F5D1-4362-89AF-5AC22B0D393C_1_105_c_750x_crop_center.jpg?v=1701964971 750w" alt="" loading="lazy" />
</noscript>
<div class="gallery__item-content content-middle-center">
<div>
<a href="/products/geese-logo-snapback" class="gallery__item-content-link" target="_self" data-samitapbl-handle="geese-logo-snapback"></a>
</div>
</div>
</figure
</div>
