Unique ways to use Multicolumn Section | Shopify customization

[@IdreesKhan-d9e]

Sir ap se bhut khuch seekhne ko milta hy

[@genius_maker]

Thank you so much and trust me Learning = Earning

[@SushilKumarPandit-m6w]

Thank you so much for give me to valuable comment 🙏

[@genius_maker]

All the best 👍

[@Sameer_3087]

Bhai yaar bahut hi valuable information dere ho bhai

[@genius_maker]

Thank you so much....All the best👍

[@sumitpoddar07]

Sir apka jo mentorship wala product page h vo lao jldi bhot converting h trusted ❤❤❤❤❤

[@genius_maker]

th-cam.com/users/livetZVtYe2c-QI

[@sumitpoddar07]

@@genius_maker thanks sir jiii

[@nationalsmartfone4317]

Wow sach me bahut valuable video hai ye ❤

[@genius_maker]

I'm glad you find it helpful

[@Kaif-fo5xn]

Sir canva pr apne collection image size kiya liya hai wo bta dijye please

[@genius_maker]

This images are square aspect ratio means 1:1
I've selected 512px by 512px size...

[@goldenera19s]

Sir columns ma jo ap ne pics li ha wo phle se hi circle ma ha lakin mari pics rectangle ma ha to ma us ko circle ma Kase convert karo

[@genius_maker]

We can add border-radius property to make it circular but we can't add more than 500 characters in custom css box.
So I would recommend you to upload round images here. You can easily create them in Canva

[@vaibhavsingh2117]

Sir collection heading text ko middle me kaise laye

[@genius_maker]

th-cam.com/users/shortspZJCMwpzfPE?feature=share

[@technicalrio9660]

@@vaibhavsingh2117 i have a code where you we add a setting to chnage heading size, colour and much more in theme it self

[@technicalrio9660]

@@vaibhavsingh2117
.collection-slider-section {
padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px 0;
}
.collection-slider {
width: 80%;
margin: 0 auto;
}
.content-area {
text-align: center;
padding: 15px 0px;
}
.content-area img {
height: 100px;
width: 100px;
object-fit: cover;
border-radius: 100px;
box-shadow: 0px 0px 7px 1px #000000d4;
border: solid 4px #fff;
margin: 0 auto;
transition: all 0.2s ease-in-out;
}
.content-area:hover img {
transform: scale(1.1);
}
.content-area a {
text-decoration: none;
}
.collection-heading {
text-align: {{ section.settings.heading_alignment }};
font-size: {{ section.settings.heading_size }}px;
color: {{ section.settings.heading_color }};
font-family: {{ section.settings.heading_font }};
margin-bottom: 20px;
}
.collection-heading.above-slider {
margin-bottom: 20px;
}
.collection-heading.below-slider {
margin-top: 20px;
}
.collection-name {
font-size: {{ section.settings.collection_text_size }}px;
color: {{ section.settings.collection_text_color }};
font-family: {{ section.settings.collection_text_font }};
{% if section.settings.collection_text_bold %}
font-weight: bold;
{% endif %}
{% if section.settings.collection_text_italic %}
font-style: italic;
{% endif %}
{% if section.settings.collection_text_underline %}
text-decoration: underline;
{% endif %}
}
@media screen and (max-width: 480px) {
.collection-slider {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.collection-slider h4 {
font-size: 1rem;
}
}
@media screen and (max-width: 480px) {
.content-area img {
height: 72px;
width: 72px;
}
}
@media screen and (max-width: 320px) {
.content-area img {
height: 64px;
width: 64px;
}
}
{% if section.settings.heading_position == 'above' %}
{{ section.settings.heading }}
{% endif %}
{% for block in section.blocks %}

{{ block.settings.cat_title }}

{% endfor %}
{% if section.settings.heading_position == 'below' %}
{{ section.settings.heading }}
{% endif %}
$(document).ready(function(){
$('.{{ section.id }}').slick({
dots: false,
arrows: false,
infinite: true,
speed: 300,
slidesToShow: {{ section.settings.slides_to_show_desktop }},
slidesToScroll: {{ section.settings.slides_to_scroll_desktop }},
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: {{ section.settings.slides_to_show_desktop }},
slidesToScroll: {{ section.settings.slides_to_scroll_desktop }},
infinite: true,
dots: false,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: {{ section.settings.slides_to_show_mobile }},
slidesToScroll: {{ section.settings.slides_to_scroll_mobile }}
}
},
{
breakpoint: 480,
settings: {
slidesToShow: {{ section.settings.slides_to_show_mobile }},
slidesToScroll: {{ section.settings.slides_to_scroll_mobile }}
}
}
]
});
});
{% schema %}
{
"name": "Collection Slider",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Our Collections"
},
{
"type": "select",
"id": "heading_position",
"label": "Heading Position",
"default": "above",
"options": [
{
"value": "above",
"label": "Above Slider"
},
{
"value": "below",
"label": "Below Slider"
}
]
},
{
"type": "range",
"id": "heading_size",
"label": "Heading Size",
"default": 24,
"min": 16,
"max": 40,
"step": 1
},
{
"type": "color",
"id": "heading_color",
"label": "Heading Color",
"default": "#333333"
},
{
"type": "text",
"id": "heading_font",
"label": "Heading Font",
"default": "Arial"
},
{
"type": "select",
"id": "heading_alignment",
"label": "Heading Alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "slides_to_show_desktop",
"label": "Number of Slides to Show on Desktop",
"default": 4,
"min": 1,
"max": 8,
"step": 1
},
{
"type": "range",
"id": "slides_to_scroll_desktop",
"label": "Number of Slides to Scroll on Desktop",
"default": 4,
"min": 1,
"max": 8,
"step": 1
},
{
"type": "range",
"id": "slides_to_show_mobile",
"label": "Number of Slides to Show on Mobile",
"default": 2,
"min": 1,
"max": 4,
"step": 1
},
{
"type": "range",
"id": "slides_to_scroll_mobile",
"label": "Number of Slides to Scroll on Mobile",
"default": 2,
"min": 1,
"max": 4,
"step": 1
},
{
"type": "range",
"id": "padding_top",
"label": "Section Padding Top",
"default": 20,
"min": 0,
"max": 100,
"step": 5
},
{
"type": "range",
"id": "padding_bottom",
"label": "Section Padding Bottom",
"default": 20,
"min": 0,
"max": 100,
"step": 5
},
{
"type": "range",
"id": "collection_text_size",
"label": "Collection Text Size",
"default": 16,
"min": 12,
"max": 24,
"step": 1
},
{
"type": "color",
"id": "collection_text_color",
"label": "Collection Text Color",
"default": "#333333"
},
{
"type": "text",
"id": "collection_text_font",
"label": "Collection Text Font",
"default": "Arial"
},
{
"type": "checkbox",
"id": "collection_text_bold",
"label": "Bold Collection Text",
"default": false
},
{
"type": "checkbox",
"id": "collection_text_italic",
"label": "Italic Collection Text",
"default": false
},
{
"type": "checkbox",
"id": "collection_text_underline",
"label": "Underline Collection Text",
"default": false
}
],
"blocks": [{
"name": "Collection Slider",
"type": "collection-slider",
"settings": [
{
"type": "image_picker",
"id": "cat_img",
"label": "Collection Image"
},
{
"type": "text",
"id": "cat_title",
"label": "Collection Name"
},
{
"type": "url",
"id": "cat_link",
"label": "Choose Collection"
}
]
}],
"presets": [{
"name": "Collection Slider Section"
}]
}
{% endschema %}
This is full code .

[@Animevibes586]

Sir please phone kese integrate kree uske uper bhi ek video bnaiye

[@genius_maker]

I'll share it today

[@Animevibes586]

@@genius_maker Thank you so much sir ✨

[@technicalrio9660]

Sir make a video on sub-collection in collection

[@genius_maker]

I'll make it soon...

[@technicalrio9660]

@@genius_maker thanks sir i made it . Can you just make a video on how can we add a animation to the border of circle

[@AsaammBH]

Sir product card k aas paas s border kesy khatam kren

[@genius_maker]

Go to theme settings, product card and you can select standard instead of card of you can remove the card border from here...

[@adityasharma6094]

Jai hind sir ...🎉🎉

[@genius_maker]

Jai Hind... All the best 👍

[@RED999.Gaming]

Sir SEO COURSE KAB LAO GE ❤

[@genius_maker]

I can't commit but yes I am working on it...
In this year itself I will start SEO Course on Shopify...

[@goldenera19s]

Sir is ma hum circle wale icons ma pic Kase lagye

[@genius_maker]

You have to add images...there is option to add images in multicolumn section...

[@goldenera19s]

@@genius_maker sir ma ne Karne ki Koshish ki thi lakin ni hoa

[@goldenera19s]

Sir koi jawab to dy

[@genius_maker]

Aap multicolumn section me image add karna chahte hai..
Yaha aapko option hai add image ka... Just click and upload the image you want to add...

[@goldenera19s]

Sir is ma Jo code ha wo kaha se lane ha

[@genius_maker]

Code ka link description me hai... Please check it...

[@goldenera19s]

@@genius_maker ok thank you sir

[@MaheryarAli-np3of]

> {{ 'icon-arrow.svg' | inline_asset_content }} Sir is ka karo, nahi horaha

[@HarunarRachid-i3c]

Wahoo

[@genius_maker]

All the best 👍

[@manojthakur8336]

❤🎉🎉🎉

[@genius_maker]

All the best