I’m looking to add text below my footer and above the payment icons that would span the entire page. I know that this would be in Sections>Footer.liquid but I don’t know where to add it and where to edit the code. Can somebody please help?

Hey, @TScan07 !

Olivia here from the Shopify team. I’d be glad to help you out with this, so let’s dive in.

Steps:1. Head to Admin > Online Store > Themes > Customize > Edit code

1. Open Sections > footer.liquid template

2. Scroll until you find the following line of code, on or around line 234 depending on your theme version:

   {%- assign socials = "Facebook Twitter Pinterest Instagram Tumblr Snapchat YouTube Vimeo" | split: ' ' -%}​
   

3. Insert your desired text after this code ends, being careful not to break it. Make sure to add

   before your text, and

   at the end of your text to close the code. It should look like this:

   {%- assign socials = "Facebook Twitter Pinterest Instagram Tumblr Snapchat YouTube Vimeo" | split: ' ' -%}
   
    Add your desired text 
   
     ​
   

   Tip: Using the tags will also help keep your text centered.

   It will look like this:

   

   02-34-myrcn-tdqky1060×430 16 KB

4. Remember to replace the placeholder text with what you want to display and hit save!

That should work, but let me know if you have other questions around this.

Note:

This solution is for the vintage Debut theme and not applicable to any Online Store 2.0 theme.

Warm regards,

Thank you SO much! That did work! Is there a way to have it span less of the page instead of the full width? My text is quite long.

I also need to translate it since my site is bilingual.

Thanks for your reply, @TScan07 .

You can definitely split the text up onto separate lines, or break up the text with line breaks using the code
.

If you’re using an app to translate text on your webpage, that should translate this area too, or you can hardcode translated text (same as the english text) as well.

Warm regards,

This was a little helpful, but I’m using Supply Theme and don’t see the exact code you are referring to. Where do I add a short line for Supply?

That’s awesome. Thanks Olivia. How do I change make the desired text a heading? I would like to have a consistent look.

I’m so glad I could help, @anism86 !

To change the desired text to a heading, simply use the heading tags before and after the text like so:

*insert text here*

If you need a different heading style, then make sure to adjust the 1 in the code above to the correct heading style number.

I trust that helps,

Hi, @aart2000 !

Thanks for reaching out. The code for Debut is much different than Supply, so I would recommend placing your desired text on or around line 194 depending on your theme version. Just be sure not to break any existing blocks of line code.

Let me know if that helps,

Just following up again, @aart2000 !

Please let me know if the suggested alternative worked for you.

I look forward to your reply,

Yes, thank you. I worked perfectly.

I’m so glad to hear that, @aart2000 !

I appreciate you following up and sharing that for our future readers.

Warm regards,

Hi @Olivia_2 your solution worked perfectly for me. The only thing is that the footer is tall enough as is, so I would prefer to have the text inserted on the same line as the media icons rather than below. Any help would be much appreciated!

Screenshot 2022-10-04 222923.png1657×526 23.4 KB

Thanks for getting in touch, @Snow_Wolf !

Can you clarify which theme and version you are currently using?

Thank you,

Hello @Olivia_2 I really appreciate you following-up on this. I am using the Refresh theme ( “theme_version”: “1.0.0”). Store URL is www.eoleaf.com (PW: GreenerHealth).

Thank you for getting back to me, @Snow_Wolf .

The code in this tutorial is specifically designed for Debut, though it may still be applicable to some of our other vintage themes. The difference with our newer themes, such as Refresh, is that it is built for the Online Store 2.0.

This makes the code vary largely, as other considerations need to be made. In this case I recommend opening a new thread with your question for exposure and feedback from our community members and code experts.

Please let me know if you have other questions about this.

Warm regards,

What about with theme craft?

Hi, @carabrooke !

Thank you for reaching out.

The theme Craft is also one of the newer Online Store 2.0 themes, which is why the code advice in this tutorial will not apply. Please open a new thread with your question to get code advice and feedback from our experts.

Warm regards,

Hi Olivia,
I was wondering if it’s possible to do the same with Dawn Theme? Thanks in advance

Hi, @zoolab !

Thanks so much for reaching out. Ah, Dawn is a beautiful theme and certainly one of my favorites. It also falls under the Online Store 2.0 themes umbrella, it is in fact the first one we introduced with the new design, so this code tutorial will not apply.

Warm regards,