categories
Page: Homepage
Snippet Code
<style>
.shopify-section {
color: #1a1a1a;
scroll-margin-top: calc(var(--header-height, 0px) * 1 + var(0px) * var(0));
}
#shopify-section-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d .flash_sale_collections {
margin-top: 30px;
}
.flash_sale_collections {
margin: -30px 15px 0;
position: sticky;
z-index: 2;
}
.section__color-wrapper {
background: #ffffff;
display: flow-root;
}
.flash_sale_collections .container {
background: 0;
border: 0;
padding-top: 0;
}
.flash_sale_collections .container {
border-radius: 16px;
padding: 0 0 20px;
}
.container {
max-width: 1600px;
padding-inline: 40px;
--container-outer-margin: 0px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.section__header {
text-align: center;
max-width: 1000px;
margin-inline-start: auto;
margin-inline-end: auto;
margin-block-end: min(28px);
}
h3:last-child {
margin-block-end: 0 !important;
}
h3:first-child {
margin-block-start: 0 !important;
}
.heading {
font-style: normal;
color: #1a1a1a;
text-transform: normal;
display: block;
font-weight: 600 !important;
font-family: 'Inter', sans-serif !important;
}
.multi-column {
--multi-column-row-gap: 32px;
--item-width: calc(var(--container-inner-width) / 7 - (24px / 7px * (7 - 1)));
display: block;
position: relative;
}
.flash_sale_collections .multi-column__inner {
grid-template-columns: repeat(auto-fit, 110px);
grid-gap: 20px 10px;
}
.multi-column__inner {
justify-content: safe center;
padding-block-end: 2px;
display: grid;
}
.multi-column__image-wrapper:only-child {
margin-block-end: 0;
}
.multi-column__image-wrapper {
border-radius: min(8px, 8px);
margin-inline-start: auto;
margin-inline-end: auto;
display: block;
overflow: hidden;
}
a {
text-decoration: none;
}
.multi-column__image {
width: 100%;
}
img {
vertical-align: top;
border-style: none;
max-width: 100%;
height: auto;
}
.flash_sale_collections .button-wrapper {
margin-top: 20px;
}
.text--center {
text-align: center;
}
.flash_sale_collections .button-wrapper a.button {
background: #000;
color: #fff;
font-size: 14px;
letter-spacing: normal;
line-height: 1;
margin: 0 auto;
padding: 10px;
text-transform: none;
width: 90%;
}
.button:not(.button--text) {
font-weight: 700;
}
.button--primary {
--button-background: var(--primary-button-background);
--button-text-color: var(--primary-button-text-color);
}
.button {
appearance: none;
text-align: center;
border-radius: 4px;
text-decoration: none;
display: inline-block;
position: relative;
}
@media screen and (pointer: fine) {
.button {
transition: background-position .3s cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0);
}
}
@media screen and (min-width: 1200px) {
.multi-column--small {
--section-items-per-row: 7;
}
}
@media screen and (min-width: 1000px) {
.section__header {
margin-block-end: min(48px, 48px);
}
.text-container .h2 {
margin-inline-start: 0;
margin-inline-end: 0;
}
.multi-column--spacing-tight {
--multi-column-column-gap: 24px;
}
}
@media screen and (min-width: 741px) {
.button:not(.button--text) {
padding-inline-start: 35px;
padding-inline-end: 35px;
}
}
@media screen and (max-width: 575px) {
.flash_sale_collections {
margin-left: 10px;
margin-right: 10px;
}
.heading.h2 {
font-size: 19px;
margin-top: 5px !important;
}
.heading:not(.footer__item-title) {
text-align: left;
padding-left: 5px;
}
.flash_sale_collections .multi-column__inner {
grid-gap: 10px;
grid-template-columns: repeat(4, 1fr);
max-width: 100%;
padding: 0;
}
.flash_sale_collections .multi-column__inner a {
max-width: 100% !important;
width: 100% !important;
}
}
</style>
<div id="shopify-section-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d"
class="shopify-section shopify-section--multi-column">
<section id="" class="section flash_sale_collections" section_name="Category Tiles-1" section_position="2">
<div class="section__color-wrapper">
<div class="container ">
<header class="section__header section__header--center">
<div class="text-container">
<h3 class="heading h2">Shop By Categories</h3>
</div>
</header><multi-column stack=""
class="multi-column multi-column--pocket-small multi-column--small multi-column--spacing-tight">
<div>
<scrollable-content class="multi-column__inner multi-column__inner--center ">
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-0ebfb5a0-6952-483f-927c-127043b2df04"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/hair-care" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Hair-Care-Rashmika-400x560_6fd816d0-e889-4d02-ad8b-8caad17961f1.png|1|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Hair-Ca…4d02-ad8b-8caad17961f1.png?v=1742470624&width=200', 1,'click',2)">
<img src="https://discoverpilgrim.com/cdn/shop/files/Hair-Ca…4d02-ad8b-8caad17961f1.png?v=1742470624&width=200&width=400"
alt=""
srcset="https://discoverpilgrim.com/cdn/shop/files/Hair-Ca…4d02-ad8b-8caad17961f1.png?v=1742470624&width=200&width=200 200w, https://discoverpilgrim.com/cdn/shop/files/Hair-Ca…4d02-ad8b-8caad17961f1.png?v=1742470624&width=200&width=300 300w, https://discoverpilgrim.com/cdn/shop/files/Hair-Ca…4d02-ad8b-8caad17961f1.png?v=1742470624&width=200&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_yJ4r4U"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/face-care" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png|2|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png?v=1742470624', 2,'click',2)">
<img src="//discoverpilgrim.com/cdn/shop/files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png?v=1742470624&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png?v=1742470624&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png?v=1742470624&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Skin-Care-400x560_b94a6807-7625-463a-b593-0537e8dcfb57.png?v=1742470624&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_pn3TtJ"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/body-lotion" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png|3|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png?v=1742470624', 3,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png?v=1742470624&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png?v=1742470624&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png?v=1742470624&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Body-Care-400x560_bc79e780-c17e-483c-bf22-a88a0e4af8fe.png?v=1742470624&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_Y9i3N3"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/makeup" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png|4|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png?v=1742470624', 4,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png?v=1742470624&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png?v=1742470624&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png?v=1742470624&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Makeup-400x560_1d74dd34-33c7-4bc1-8fa7-6f2b122ba5b5.png?v=1742470624&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_NKdYeh"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/fragrances" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png|5|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png?v=1742470624', 5,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png?v=1742470624&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png?v=1742470624&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png?v=1742470624&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Fragrances-400x560_98b5402f-2e28-45f9-a213-6a2aca662b42.png?v=1742470624&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_8zxF3B"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/lip-care" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png|6|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png?v=1742477613', 6,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png?v=1742477613&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png?v=1742477613&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png?v=1742477613&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Lip-Care-400x560_330815e1-536c-4ec5-81b8-d7c2b7cad71d.png?v=1742477613&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_3wCHPF"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/new-launch" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png|7|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png?v=1742477613', 7,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png?v=1742477613&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png?v=1742477613&width=200 200w, //discoverpilgrim.com/cdn/shop/files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png?v=1742477613&width=300 300w, //discoverpilgrim.com/cdn/shop/files/New-Arrivals-400x560_03828d57-348f-4a7f-a021-3613391db3d8.png?v=1742477613&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
<div id="block-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d-item_pMF6my"
class="multi-column__item multi-column__item--align-start image-zoom"><a
href="/collections/bestsellers" class="multi-column__image-wrapper"
style="max-width: 100%; width: 400px"
session_addimpression="MultiColumn|https:files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png|8|impression|2"
onmouseup="tracking('MultiColumn','https://discoverpilgrim.com/cdn/shop/files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png?v=1742477613', 8,'click',2)"><img
src="//discoverpilgrim.com/cdn/shop/files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png?v=1742477613&width=400"
alt=""
srcset="//discoverpilgrim.com/cdn/shop/files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png?v=1742477613&width=200 200w, //discoverpilgrim.com/cdn/shop/files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png?v=1742477613&width=300 300w, //discoverpilgrim.com/cdn/shop/files/Bestsellers-400x560_393307f5-4388-45bb-b999-265f42b01a86.png?v=1742477613&width=400 400w"
width="400" height="560" loading="eager" fetchpriority="auto"
sizes="(max-width: 740px) calc(50vw - 48px), (max-width: 999px) calc(20vw - 80px), 200px"
class="multi-column__image"></a>
</div>
</scrollable-content>
</div>
</multi-column><!-- saloni-flash-sale and button schema -->
<div class="button-wrapper text--center">
<a href="/collections/all-products" class="button button--primary">View all products ➔</a>
</div><!-- saloni-flash-sale -->
</div>
</div>
</section>
<style>
#shopify-section-template--19445595308261__93630722-48bd-4afc-bd75-f0335269807d .flash_sale_collections {
margin-top: 30px;
}
</style>
</div>Instructions
Heyy Guys 
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!