In this article:

  1. Add contact details on footer

  2. Adjust footer font size

  3. Adjust Quick Links footer alignment to center

  4. Resize footer logo

  5. Resize footer social media icons

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

__________________________________________________________________

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 :

__________________________________________________________________

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 :

Rename / Remove Quick Links and Follow Us sections

Add FPX logo in footer

Add subscribe button at footer

Adding image or logo in footer

Change / Remove social media icons

Did this answer your question?