Add a new block to the Footer - Dawn theme used

Solved
Zens
Excursionist
12 0 5

Hi everyone I would like to add a new block to the Footer of the Dawn theme.
The type of block to be added is that of the Custom Liquid, which is the one already present in the Dawn theme but in the sections.
Who can explain to me how it is possible to do?

Thanks.

Accepted Solution (1)

Accepted Solutions
made4Uo
Navigator
215 11 77

This is an accepted solution.

@Zens  Hi, Sorry for the confusion, I thought your adding a liquid code. What are you trying to add though? A paragraph? Here is the way to show the input code. After the {% case block.type %} add the code below.

 Custom liquid code I believe is a way to add a piece of a code or a snippet, not just writing a paragraph. If you wish to write a paragraph then you have to <p></p>

{% when 'custom_liquid' %}

{{block.settings.custom_liquid}}

 

Regarding the error. Try removing the html block in the footer when you customize the theme. It should refresh. Let me know if you still have issues

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.

View solution in original post

Replies 29 (29)
KetanKumar
Shopify Partner
24923 2498 9041

@Zens 

can you please  share store url and more details  what do you need extra block 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zens
Excursionist
12 0 5

Hello @KetanKumar 

https://rivivonetdawn.myshopify.com/

this is the password iwahsh

This is a test site not the one where the piece of code will go.

I would like to be able to insert an html block or, even better, a liquid block (as is already present in this topic in the sections), because I can insert useful elements for the management of the site. Clickable images etc.

 

Thanks

James_I
New Member
1 0 0

Hello @Zens , adding a new block to the footer section would require some basic knowledge of HTML and a bit of CSS.

You would need to edit the footer.liquid section and add the HTML block exactly where you want it to be positioned in the page. You can inspect the source code of your footer to determine where that would be in some instances.

Also, you might need to add some CSS styles like padding, margin, display, e.t.c to make it really fit in to the footer and not like it was just dropped on it.

KetanKumar
Shopify Partner
24923 2498 9041

@Zens 

can you try this way

https://shopify.dev/themes/architecture/sections/section-schema 

{{ block.settings.section_html }}

schema

"type": "html",
  "id": "section_html",

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zens
Excursionist
12 0 5

@KetanKumar I have added this piece of code

{
  "type": "html_content",
  "name": "HTML Content",
  "settings": [
    {
      "type": "html",
      "id": "html_area",
      "label": "Custom HTML",
      "default": "<div><p>Some HTML content</p></div>"
    }
  ]
},

 

I don't know if it's the same thing you suggested to me.
I placed it in the Schema block of the Footer.liquid file.
I see the box in the settings but when I insert, for example, a piece of code it is not displayed.

Why?

 

Thanks

 

KetanKumar
Shopify Partner
24923 2498 9041

@Zens 

yes its current can you please check your code may something are missing 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zens
Excursionist
12 0 5

@KetanKumar  

I see the difference in this piece of code that I don't have.

 

 

{{ block.settings.section_html }}

 

 

This code if I have to use it, where should I put it, in which file and where?

 

Thanks

KetanKumar
Shopify Partner
24923 2498 9041

footer other block code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zens
Excursionist
12 0 5

Uhm... @KetanKumar 

Unfortunately I didn't understand ... what do you mean by "other block code"?

Do I always have to insert this line

{{ block.settings.section_html }}

in the footer.liquid file or another file always in the footer? Which?

thanks.