This is a guide for you to have a simple sidebar with images on the left of your store. No coding knowledge needed. Simply follow the steps below to add the sidebar to your EasyStore.

  1.  Go to EasyStore Control Panel > Themes > ... > Edit HTML/CSS > theme.liquid


2.
Tips: 

  • <br> is to insert a single line break
  • Replace "LINK TO REDIRECT" with the link you want visitors to link to
  • Replace "IMAGE URL" with the image link of your images
  • Change the width & height based on your image size


2.1 If you already have
sidebar to show collections
Look for <main class="wrapper main-content" role="main">  (Around row 140 - 160), paste code below after before </nav>


<br><br>
         <b>As seen on</b>
 
<p style="text-align: center;"><a href="LINK TO REDIRECT" target="_blank"><img class="fr-dib" src="IMAGE URL" style="width: 170px;height: 60px;"></a></p>
<p style="text-align: center;"><a href="LINK TO REDIRECT" target="_blank"><img class="fr-dib" src="IMAGE URL" style="width: 170px;height: 60px;"></a></p>
        


2.2 If you have yet added any sidebar code
Look for <main class="wrapper main-content" role="main">  <div class="grid">  (Around row 140 - 160), paster code below

{% if template != 'product' %}
       <div class="grid__item medium-down--hide large--one-quarter">
         <hr class="hr--small hr--clear">
        <br><br>
         <b>As seen on</b>
 
<p style="text-align: center;"><a href="LINK TO REDIRECT" target="_blank"><img class="fr-dib" src="IMAGE URL" style="width: 170px;height: 60px;"></a></p>
<p style="text-align: center;"><a href="LINK TO REDIRECT" target="_blank"><img class="fr-dib" src="IMAGE URL" style="width: 170px;height: 60px;"></a></p> 

</div>
      {% endif %}


2.2.1 Look for <div class="grid__item"> which is only one row below

2.2.2 Delete it and replace with <div class="grid__item{% if template != 'product' %} large--three-quarters{% endif %}">

3. Save

Did this answer your question?