Add FPX Logo In Footer

In this article:

  1. Get ready logo image link

  2. Add FPX logo in website footer

1. Get ready logo image link

Before started, you will need to get ready the image link of your FPX logo. If you only have the image file but do not have a link for it yet, you can upload the logo image into your storage and get the link. Here is how:


1.1 Go to Admin Panel > Online Store > Pages > Add page > select Blank template > click on Images.


1.2 Select Add image tab > Upload image



1.3 Upload your FPX logo image > now you get your logo Image link which will be used in the coming Step 2.

  • The link has been created successfully at this step. If you missed this page, you can always go to Admin > Settings > Files to find this link again.

2. Add FPX logo in website footer

2.1 Go to Admin Panel > Online Store > Themes > Edit source > folder layout/theme.liquid > search for {% if settings.footer_ssl %} > and paste the code below it.


<div class="grid">

            <div class="grid__item text-center">

                <img width="100px" src="your FPX logo link">

            </div>

</div>


2.2 Result as below.

  • Tips: You can adjust the logo size by adjusting the 100px.


2.3 Save and you're done.





Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.