Add Details on footer
In this article:
Add social media detail
Payment methods
Add quick links
Add contact details on footer
Add contact details on footer (Old Themes)
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 :
Bellow editing are split to new theme template and old 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 social media detail
Step 1: Go to EasyStore Admin > Channels > Online Store > Footer > Social Media

Step2: Save
2. Payment methods
Step 1: Go to EasyStore Admin > Channels > Online Store > Footer > Payment methods

Step2: Save
3. Add quick links
Step 1: Go to EasyStore Admin > Channels > Online Store > Footer >

Step2: Save
4. Add contact details on footer
Step 1: Go to EasyStore Admin > Channels > Online Store > Footer > insert your contact details under About Us

Step2: Save
5. Add contact details on footer (Old Themes)
💡Old Themes (For Candy, WAVE, LUCKY, X-Force, Mine Style, Dreams Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House only)
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 :

6. 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
7. 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 :

8. 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!

9. 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!
10. 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: 10/10/2023
Thank you!