Articles on: Online Store (Website)

Add Details on footer

In this article:
  1. Add social media detail
  2. Payment methods
  3. Add quick links
  4. Add contact details on footer
  5. Add contact details on footer (Old Themes)
  6. Adjust footer font size
  7. Adjust Quick Links footer alignment to center
  8. Resize footer logo
  9. Resize footer social media icons
  10. 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!