A intersection luger is a ocular adjutant, a little moment like a little slideshow for your products. It gives your shop a more professional count, consequently increasing interest and conversions .
Have you ever been in early peoples ’ stores and seen a product slider ? You might have thought : “ Wow, that ’ s a cool feature of speech. I wonder if I can add one of those to my Shopify store. ” The answer is yes, you can. And it ’ s not difficult to do. Just follow the instructions in this product slider Shopify tutorial .

Featured Product Slider Shopify

Step 1: Duplicate your live theme

From your Shopify admin go to Online shop and choose themes. following to the exist composition snap on Actions and choose Duplicate. This way you will have a stand-in of your survive root in case you miss some tone and it has a negative shock on your store .
Step 2: Add a new section
immediately that you have the twin of your root you can click on Actions again, but this time choose Edit Code .
From the seafaring to the leave go to the Sections directory and choose Add a new section. Name it Feature-slider and paste the follow code into the modern charge :

{ % comment % }
* Make certain you have the Flickity plugin installed and the proper license for this to function on your store
* Plugin, license and software documentation at hypertext transfer protocol : //flickity.metafizzy.co/
{ % endcomment % }

{ % impute collection_main = collections [ section.settings.collection_main ] % }
{ % put collection_limit = section.settings.collection_limit % }

{ % put cell_align = section.settings.cell_align % }
{ % assign wrap_around = section.settings.wrap_around % }
{ % arrogate img_width = section.settings.img_width | append : ‘x ‘ % }

{{ section.settings.title }}

{ % schema % }
{
“ name ” : “ collection Slider ”,
“ settings ” : [
{
“ type ” : “ collection ”,
“ idaho ” : “ collection_main ”,
“ label ” : “ Choose a collection ”
},
{
“ type ” : “ scope ”,
“ id ” : “ collection_limit ”,
“ min ” : 2,
“ soap ” : 50,
“ footprint ” : 1,
“ unit ” : “. “,
“ pronounce ” : “ How many products to show ”,
“ default ” : 4
},
{
“ type ” : “ color ”,
“ idaho ” : “ bg ”,
“ tag ” : “ Background Color ”
},
{
“ type ” : “ text ”,
“ id ” : “ title ”,
“ label ” : “ entitle ”,
“ default ” : “ Featured Collection Slider ”
},
{
“ type ” : “ image ”,
“ idaho ” : “ img_width ”,
“ min ” : 200,
“ soap ” : 600,
“ step ” : 5,
“ unit ” : “ post exchange ”,
“ label ” : “ image Width ”,
“ default option ” : 200
},
{
“ type ” : “ choose ”,
“ id ” : “ cell_align ”,
“ label ” : “ Slide Alignment ”,
“ options ” : [
{
“ rate ” : “ focus on ”,
“ pronounce ” : “ Center ”
},
{
“ rate ” : “ bequeath ”,
“ label ” : “ Left ”
}
],
“ default ” : “ focus on ”
},
{
“ character ” : “ range ”,
“ id ” : “ title_mb ”,
“ minute ” : 30,
“ soap ” : 120,
“ tone ” : 1,
“ unit ” : “ post exchange ”,
“ label ” : “ Title Margin Bottom ”,
“ nonpayment ” : 48
},
{
“ type ” : “ choice ”,
“ id ” : “ cell_width ”,
“ label ” : “ Choose number of slides to show on originate ”,
“ options ” : [
{
“ measure ” : “ 25 % ”,
“ label ” : “ Four ”
},
{
“ value ” : “ 20 % ”,
“ label ” : “ Five ”
},
{
“ measure ” : “ 16.6666667 % ”,
“ label ” : “ Six ”
},
{
“ value ” : “ 12.5 % ”,
“ pronounce ” : “ Eight ”
}
],
“ nonpayment ” : “ 25 % ”
},
{
“ type ” : “ radio ”,
“ id ” : “ wrap_around ”,
“ label ” : “ enable wrap Around ( endless scroll ) ”,
“ options ” : [
{
“ value ” : “ true ”,
“ label ” : “ True ”
},
{
“ value ” : “ fake ”,
“ label ” : “ False ”
}
],
“ default ” : “ true ”
},
{
“ type ” : “ roll ”,
“ id ” : “ mister ”,
“ min ” : 0,
“ soap ” : 48,
“ footprint ” : 1,
“ unit ” : “ post exchange ”,
“ label ” : “ Cell Margin Right ”,
“ default option ” : 16,
“ information ” : “ Save foliate to see changes. ”
}
],
“ presets ” : [
{
“ diagnose ” : “ solicitation Slider ”,
“ class ” : “ slider ”
}
]
}
{ % endschema % }
Click on Save!
Step 3: Theme.liquid
From the Layout directory choose theme.liquid. Paste the following code inside the HTML tag .
Click on Save.
Step 4: Customizer

Go back to your Shopify admin and go to Online store. future to the composition you customized in the previous tone choose Customize .
Find your newly created section, choose the collection you want to feature and that is it !

Product Slideshow Shopify

now you know how to put a featured product luger in your Shopify store. This is a great feature that is surely to attract a set of attention to your sport products Shopify and make your store more appealing to your customers. It makes your site more synergistic and increases visitor betrothal. product sliders are a win-win for your store. happy sell !

Leave a Reply

Your email address will not be published.