Template override

If you want to edit the slider appearance in any way you will have to create a template override. Or to put it simply replacing the original parent template file (sisi.liquid) with a new one.

Go to Customize theme > Actions > and select "Edit code". From the left slider select "Snippets" > sisi.liquid

sisi.liquid is an automatically generated template file by YouTube SiSi and refreshes each time the application is reloaded.
In order to stop this process we must:

  • Copy the content of sisi.liquid
  • Click on Add a new snippet and create new liquid template file called  sisi_override.liquid for example.
  • Paste the contents of sisi.liquid in the new sisi_override.liquid file and save.

Now we need to start working with the new file. 

Create new Liquid code {% include 'sisi_override.liquid' %} , with the matching name of the newly created file above.

From the left slider select "Sections" > product-template.liquid

Place the newly created {% include 'sisi_override.liquid' %} Liquid code inside product-template.liquid below the very last closing div (</div>) tag for example and remove the old one {% include 'sisi.liquid' %} if exist.

 

Now you are ready to fully customize your YouTube SiSi slider appearance.