Articles on: Online Store (Website)

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



Step 1: Go to EasyStore Admin > Channels > Online Store > Footer >



Step2: Save



Step 1: Go to EasyStore Admin > Channels > Online Store > Footer > insert your contact details under About Us



Step2: Save





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





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





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 :







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!



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

Was this article helpful?

Share your feedback

Cancel

Thank you!