> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Show images at the bottom of sidebar (Old themes only)

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
  
**⚠️ Kindly take note :**
*   Above all code editing specifically for old themes (Candy, WAVE, LUCKY, X-Force, Mine Style, Dreams Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House only) 
*   We do not allow to change or edit the code for the **checkout page** (which include shipping & payment method) due to security reasons
    
Go to [Admin](https://admin.easystore.co/) > Channels > Online Store > Edit Source > **layout/theme.liquid**

💡 **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    

**If you already have [sidebar to show collections](https://help.easystore.co/store-design-and-content/themes-and-customization/adding-a-navigation-side-bar-to-your-site)**  
  
**Step 1 :** Copy the code below, look for **<main class="wrapper main-content" role="main">**  (Around row 140 - 160), and paste code before **</nav>**

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-77_1k2e7t5.png)

**--------------------------------------------------Copy code here---------------------------------------------------**

<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> 

**--------------------------------------------------Copy code here---------------------------------------------------**  
        

**If you have yet added any sidebar code**

**Step 1 :** Copy the code below, look for **<main class="wrapper main-content" role="main">** (Around row 140 - 160), and paste the code after **<div class="grid">**  

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-78_d5vq3y.png)

**--------------------------------------------------Copy code here---------------------------------------------------**

{% 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 %}  
**--------------------------------------------------Copy code here---------------------------------------------------**

  
**Step 2 :** Look for **<div class="grid__item">** which is only one row below

![](https://storage.crisp.chat/users/helpdesk/website/80a6b2594cd09800/91576746-26c3-49d0-a54b-217b95_1395a3q.png)

**Step 3 :** Remove it and replace with the code below

**<div class="grid__item{% if template != 'product' %} large--three-quarters{% endif %}">**

![](https://storage.crisp.chat/users/helpdesk/website/384bf5e160d20600/accf2008-1f92-4604-9bfa-464030_yxxm97.png)

Save and you're all done! 😍