Add contact details on footer

In this article:

Add contact details on footer
Adjust footer font size
Adjust Quick Links footer alignment to center
Resize footer logo
Resize footer social media icons
Remove footer logo & footer copyright

⚠️Kindly take note :

Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Add contact details on footer

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > layout > theme.liquid

Step 2 : Search for {% if settings.footer_social_enable %} around line 190 - 200 and add your contact details below </div>

Remark: <br> is for space



Step 3 : Save

This would be the end result :

2. Adjust footer font size

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > assets > theme.scss

Step 2 : Look for font-size: 0.85em; around line 730 - 740 > change the font number to your preferred size



Step 3 : Save

3. Adjust Quick Links footer alignment to center

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > assets > theme.liquid

Step 2 : replace large--one-half with large--one-quarter medium--one-half



Step 3 : replace {{ footer_column_width }} with large--one-half text-center



Step 4 : Save & you're done!

Result for center alignment :

💡 Tips : If you would like to align the QuickLinks footer below the footer copyright, you may go to theme.liquid > Look for footer_quicklinks



Move the code to before footer_show_methods_of_payment > Save

Result for left alignment :

4. Resize footer logo

Step 1 : Go to Channels > Online Store > Edit Source > Select theme.liquid file

Step 2 : Look for settings.footer_logo_img and resize it at max-width > Save



If you can't find settings.footer_logo_img at theme.liquid, you can select timber.scss file > Look for .footer-logo and change the max-width > Save and you're done!

5. Resize footer social media icons

Step 1 : Go to Channels > Online Store > Edit Source > Select theme.scss file

Step 2 : Look for .social-icon-svg and change the width & height



Step 3 : Save and you're done!

6. Remove footer logo & footer copyright

Step 1 : Go to Channels > Online Store > Edit Source > Select theme.liquid

Step 2 : Look for <div class="grid__item large--one-half "> & remove the code



Step 3 : Save

Before :

After :

Updated on: 23/09/2023