How To Add Custom HTML Section In Shopify

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 67

  • @emendodesigns
    @emendodesigns 10 місяців тому +3

    It starts at 3:09

  • @taylamariea
    @taylamariea 8 місяців тому

    Another guy was charging for a similar code, you saved me $35 and this was really easy to follow. Thanks so much!

  • @Lovelyhen1
    @Lovelyhen1 4 місяці тому

    Thank you so much! your video was easy to follow and explained thoroughly. I felt a little overwhelmed at first because i never added code but it was simple. I used this to add my affiliate codes to my shopify website. and you saved me money 50 $

  • @AhmadAlzaydey
    @AhmadAlzaydey Місяць тому +1

    Thank you for this, really helped a lot ))

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      You're very welcome and glad i could help.
      Cheers

    • @nathanwebster2383
      @nathanwebster2383 24 дні тому

      @@OnHOWGuy Can you help me with the problem I described above?

  • @hilarynagler
    @hilarynagler Рік тому +1

    Hi. Thank you for your videos, have been most helpful. Question on the JS. Can you give us an example of adding JS to it. I can't find any videos on how to add JS functionality to a specific section like you say we can do here. Thx.

  • @saladmuxyidiin1681
    @saladmuxyidiin1681 Рік тому +2

    That’s really amazing 🤩

    • @OnHOWGuy
      @OnHOWGuy  Рік тому

      Thanks, glad you think so.
      Cheers

  • @MrAhsantastic
    @MrAhsantastic Рік тому +1

    Can I add HTMl and JavaScript together? Because I have an html code and it won't be of any use unless I can run JavaScript with it

  • @user-oz5xr8tl3f
    @user-oz5xr8tl3f 2 місяці тому

    Great video. Very helpful and useful. Thank you for the code

    • @OnHOWGuy
      @OnHOWGuy  2 місяці тому

      You're welcome, glad i could help.
      Cheers

  • @ShredEngineerPhD
    @ShredEngineerPhD 8 місяців тому

    Lifesaver! Works like a charm! :)

  • @Trancka
    @Trancka Рік тому +2

    With the HTML section, I'm trying to add an PNG image to my store. But it adds a shadow to it. How can I remove this?

  • @Cheaperfitz
    @Cheaperfitz Рік тому

    Appreciate your channel. You are truly amazing 😊😊😊😊😊

  • @christianranz3326
    @christianranz3326 Рік тому +2

    Thanks a alot ❤ but Text alignment doesn’t work - stays on left side, no matter what you choose

    • @TXBD4964
      @TXBD4964 Рік тому

      You need to add the following CSS code to the RAW Element section for it to recognize it. Hope this helps.
      .pxs-rich-text-alignment-left {
      text-align: left;
      }
      .pxs-rich-text-alignment-center {
      text-align: center;
      }
      .pxs-rich-text-alignment-right {
      text-align: right;
      }

  • @nathanwebster2383
    @nathanwebster2383 5 місяців тому

    I was able to add this section no problem, but after adding content to it and using it, I can't get the normal popups for sections in the CMS to work now. They show for half a second out of position and then vanish. If I delete the section, they work again. Any ideas what's going on?

  • @velocitysavage
    @velocitysavage 6 місяців тому

    How you put this background in the header of the home page? 😮
    Can you explain that please?

  • @fmfashiontrendsllc
    @fmfashiontrendsllc 4 місяці тому

    How can I add a description in a collapsible content row for each product. When I add a collapsible row and information it automatically adds it to all products

  • @Blackpanther26939
    @Blackpanther26939 Місяць тому

    Followed every step but it’s coming under footer why?

  • @victoriawalters6106
    @victoriawalters6106 2 місяці тому

    Hello @Anas! For some reason, it didn't work for me. Any clue what could be wrong? When I paste my HTML code in the Raw Text area, nothing shows up, the section becomes invisible. I converted design to html from Adobe XD and grabbed HTML from the chrome HTML. Seems like some tags are not right? :-( I see many positive reviews, so it must be something I'm doing. It's a cheap site for a friend so I'm trying to save money and not pay assistant dev.

    • @OnHOWGuy
      @OnHOWGuy  2 місяці тому

      Hey, If i had to guess that would probably be an issue with the exported code from adobe xd, try testing it with a different and simple html code that you can easily find online to make sure its a code issue.
      Let me know in a new comment, its hard to find replies.
      Cheers

  • @jimlanpheer5281
    @jimlanpheer5281 8 місяців тому

    Just ran across the channel and love your style of presentation. However, the code did not work. I was able to create the raw.liquid file but when i go into the theme to add the new section, i do not see that new section in the list to choose from. Might there be a simple explanation for this? Thank you!

    • @jimlanpheer5281
      @jimlanpheer5281 8 місяців тому

      Scratch that, it DID work. But, i had to exit completely out of my theme and re-enter. Once i did that, i was able to see it. I've left this comment up for others who might experience the same as I did.

  • @mindfullmavericks
    @mindfullmavericks Рік тому +1

    HELLO? IS IT POSSIBLE TO ADD A QUIZ TO ANY SHOPIFY STORE? I WANT TO ADD ONE TO HELP MY CUSTOMERS PICK THE RIGHT PRODUCT FOR THEM

    • @OnHOWGuy
      @OnHOWGuy  Рік тому

      Hey, yeah there is some apps that can do that for you easily.
      Cheers

    • @mindfullmavericks
      @mindfullmavericks Рік тому

      @@OnHOWGuy thank you

    • @OnHOWGuy
      @OnHOWGuy  Рік тому

      @@mindfullmavericks Anytime

  • @akib015
    @akib015 3 місяці тому

    Can I also add CSS to this section?

  • @YilmazKaya-lt3js
    @YilmazKaya-lt3js 4 місяці тому

    Hi there, pastebin does not respond. I appreciate if you add a google doc or share the code through some other media.

  • @user-cf3eo5eu2y
    @user-cf3eo5eu2y 9 місяців тому

    Thank you sir It is working.

  • @hadizouhbi7510
    @hadizouhbi7510 Рік тому

    Can I add Vanilla Javascript to it using tags ?

  • @user-dr6wg3cf5n
    @user-dr6wg3cf5n 6 місяців тому

    my friend, i need to make google console account and it asks me for verification to copy paste the html tag on the head of my shopify before the main area. i have dawn theme as well. i copy paste it on the header but it isnt working; where should i put it? thank youuuu

  • @rodrigosallick5763
    @rodrigosallick5763 7 місяців тому

    I need help, would you be able to do one on one consulting? How would I get a hold of you?

  • @u4umangsuneja
    @u4umangsuneja Рік тому +1

    It is giving me an error: Invalid preset "RAW Element": cannot include blocks in preset because there are no blocks defined.

    • @666Natsu
      @666Natsu Рік тому

      Same

    • @burhanrama7926
      @burhanrama7926 Рік тому

      I had the same problem.
      I just try some option and finally finde a way.
      1. At first you copy the Code
      2. Then you create the raw liquid
      3. delet everything and klick save
      than its past themselvs but i dont know why.
      -----
      And the Raw Luiquid is only showing, if you edit it in the theme bibliothek (in my case)

    • @OnHOWGuy
      @OnHOWGuy  Рік тому +1

      Hey, yeah this a bug from their end but i found a work around it.
      Create that video-background section then copy and paste in the code from a section thats already available on your theme like featured-blog.liquid just like if you want to duplicate it then click save and once its saved then now simply remove that code from video-background and paste my code from the description and it will be saved now without any error.
      Cheers

  • @Bush4t1
    @Bush4t1 7 місяців тому

    Hey Annas, i want to put it in a blok at another section. Can you pleassee help me?

  • @HealthIsLuxury
    @HealthIsLuxury 2 місяці тому

    will this allow you to add a autoplay video?

    • @OnHOWGuy
      @OnHOWGuy  2 місяці тому

      Yes, anything as long as its in html.
      Cheers

  • @gaming-fiber
    @gaming-fiber Рік тому +1

    How to add Shop Now on Video in Store

  • @Bush4t1
    @Bush4t1 7 місяців тому

    Can you add it also at bloks?

  • @MythLabWorld
    @MythLabWorld Місяць тому

    Is this still working? Wasn't able to get it on my end.

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      What theme/version are you using ?
      Please let me know in a new comment as its difficult for me now to see the replies.
      Cheers

  • @user-mh7ep6un4o
    @user-mh7ep6un4o Рік тому +1

    only html? can't we add inline css style to it?

  • @Ali.Khaldi
    @Ali.Khaldi Рік тому +1

    you are the best Anas, i have a problem i don't know how to add PayPal credit and debit cards to my store can you help me with this brother I will really appreciate you this

    • @OnHOWGuy
      @OnHOWGuy  Рік тому

      Thanks, i appreciate that.
      What you mean by PayPal credit and debit cards ? you mean the bardges or the payment gateway, if its the later then you just need PayPal payment gateway thats it because they already cards processing.
      Cheers

  • @shreyabingi7772
    @shreyabingi7772 6 місяців тому

    how can I add alt tag dynamic in my code

  • @FarhadHossain-zp5si
    @FarhadHossain-zp5si 2 місяці тому

    WHEN i click to get the code the page always show loading

    • @OnHOWGuy
      @OnHOWGuy  2 місяці тому +1

      You mean the pastebin ? try with vpn.
      Cheers

  • @CLOUD-go6ke
    @CLOUD-go6ke 2 місяці тому

    I have a test and it is for getting me a job but I am unable to make a move at some point

    • @CLOUD-go6ke
      @CLOUD-go6ke 2 місяці тому

      can you help out

    • @OnHOWGuy
      @OnHOWGuy  2 місяці тому

      If you asked a question i will be happy to help out but you said nothing, Whats the issue ?

  • @webdevhabib
    @webdevhabib 9 місяців тому

    How to add custom class on any h4 tag?

  • @jackie1898
    @jackie1898 4 місяці тому

    OMGOMGOMG THIS VIDEO SAVED MY LIFE!!!! I've been SCOURING the internet to figure out how the actual HELL to put a button that goes direct to my checkout on my shopify website. I couldnt figure out where to put the stupid code and I was seriously tearing my hair out and then i found THIS VIDEO WITH THE GOLDEN CUSTOM HTML CODE!!!! You're amazing, Thank you so so so so soooo much for making the code free and making this tutorial for us stupid people. When the code costs money I'm always wary that it will even do what I need. YOURE A GOD SEND!!

    • @victoriawalters6106
      @victoriawalters6106 2 місяці тому

      It didn't work for me. Any clue what could be wrong? When I paste my HTML code in the Raw Text area, nothing shows up, the section becomes invisible. I converted design to html from Adobe XD and grabbed HTML from the chrome HTML. Seems like some tags are not right? :-(

  • @caziteridici
    @caziteridici 7 місяців тому

    thanks

  • @Precious-cy6sw
    @Precious-cy6sw 8 місяців тому

    Can you share how to add scrolling bar using HTML code please ?? 😢

  • @SmartLiving-jy7vt
    @SmartLiving-jy7vt Рік тому

    Unfortuntely this did not work for me. using baseline theme

  • @SvenRosner
    @SvenRosner Рік тому

    it dosn't work ....

  • @saladmuxyidiin1681
    @saladmuxyidiin1681 Рік тому +1

    W

  • @kurtkenzo3147
    @kurtkenzo3147 11 місяців тому

    👍👍

  • @ecrookie12
    @ecrookie12 Рік тому

    We don’t need to see you talking, people need zoom in too see what your doing !

    • @OnHOWGuy
      @OnHOWGuy  Рік тому +1

      Hey, Isn't clearly visible ? and i do zoom in actually on the important stuff as well.
      Cheers