WebShop Footer: Customize

To demonstrate how you can customize your WebShop Footer using the Templates Editor.

The WebShop Footer appears at the bottom of each WebShop page and includes links to company information, social media, and accepted payment methods.

This use case demonstrates how to add extra information that highlights your social media.

Key points

If you are comfortable with HTML, CSS and variables, you’ll be in a good place to use this feature to achieve a personalized look and feel for your WebShop.
You are responsible for ensuring that the code you have written doesn’t adversely affect your WebShop.

To add extra information that highlights your social media:

Open Templates in the Management Interface. This opens the Templates Editor.
Navigate to Templates->Footer and select “social.twig”. This opens the existing twig code under the EDITOR tab.
Add the following code.
Select Save to save your changes.

<div style="background-color: #ffffff; color: black; padding: 8px; border: 3px solid #d3377b;">

<h3>Welcome!</h3>

<b>Please enter your username and password to log into your account.</b>

existing Twig code that retrieves social media icons and links.

</div>