Articles on: Online Store

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



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: 23/09/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!