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
Thank you!