BACK

shopify how to edit sections files with html kit

[Custom HTML in Shopify] How To Create Custom Section For Raw HTML welcome to my youtube channel wit

WebSensePro

Updated on Mar 28,2023

[Custom HTML in Shopify] How To Create Custom Section For Raw HTML

The above is a brief introduction to shopify how to edit sections files with html kit

Let's move on to the first section of shopify how to edit sections files with html kit

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

shopify how to edit sections files with html kit catalogs

[Custom HTML in Shopify] How To Create Custom Section For Raw HTML

welcome to my youtube channel with another shopify tutorial,where we will be learning how to add a new custom section,with the ability to add raw html so all of the free themes in shopify,do not have a section where we can add raw html,today we will learn how we can copy a current current existing section and,create a new section using the same code and changing the code to make it usable,for raw html so we'll be we'll be able to add raw html and,shopify okay let's go to the backend,we'll navigate to the back end by going to slash admin,we'll go to online store by the way this is one of my clients website,we do maintain this for this and enhance the layout okay we will go to,customize,debut is a free theme of shopify in this theme we do not have the ability,to add raw html so for example if we click on,add section we do not see any,section where we can add raw html,so what we're gonna do we will go to the code of this theme and we will create a,new section by which we can add raw html,okay let's go back to the admin,click on online store edit code of the theme,here we can see all of the chords for the theme,and these are all the sections which we were seeing on the customize section,now we will create a new section let's call it raw html,here we have our new section ready,we'll copy the code from rich text section,here's the code for rich text section so we will copy it,paste it on our newly created section raw html,and rename it to call grow html,let's rename only english version for,now,uh,rename it here so we will be renaming it,on two lines one is line number 23.,and the other is line number 256 after renaming the section we will go to,line number 111 here's the line number and replace,the rich text with text area hit save and now let's go to our,customize to see if it's working,okay i'm open the customize section and now i'm gonna click on add section,that's the latest section which we created,click on that click add,and there we go as you can see we can add,we can remove the heading if we don't need that and we can replace this text,with our own custom html so for example if we,need to add another div,h1,paragraph element,try adding h3,as you can see now we can easily add raw html to,our through our section,that's it for the tutorial i hope you guys like this tutorial please let me,know in the comments below if you want me to create more shopify tutorial for,you and do not forget to click the subscribe,and hit the bell icon so you'll be notified whenever i create,new videos have a great day

Congratulation! You bave finally finished reading shopify how to edit sections files with html kit and believe you bave enougb understending shopify how to edit sections files with html kit

Come on and read the rest of the article!

Browse More Content