Add contact details on footer

⚠️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!

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: 24/09/2022

Was this article helpful?

Thank you!