Shopify Debut Theme - Add Sections To Other Pages

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 82

  • @ozjonesboy
    @ozjonesboy 4 роки тому

    Worked a treat, followed the steps. This explanation is far more efficient and simple than some of the other alternatives floating round on here. Great job James, thank you!

    • @bri1613
      @bri1613 4 роки тому

      What is the exact typing? I can’t tell if it a % or not

    • @EdmundGDC
      @EdmundGDC 4 роки тому

      @@bri1613 Yes it is the % sign actually... i also almost panicked coz his icon looked different than mine... so i tried it anyway and .. waaallaahhh.... whew..

    • @EdmundGDC
      @EdmundGDC 4 роки тому

      @Owen yes... i have been watching different tutorials on Setting up Debut... The talking confuses me more.... James didn't say a word and i got everything on the very first try... well i had to rewind every now and then... but whew...

  • @Arnoldch777
    @Arnoldch777 3 роки тому +2

    OMG I FINALLY UNDERSTOOD HOW TO HAVE MULTIPLE SECTIONS IN ONE PAGE:
    1. Follow all the steps on the template "ABOUT" from the video
    2. Open your code - templates - page.about.liquid - and type in the code {% section 'featured-row' %}
    3. Now go to "Sections" folder - Find file named: FEATURED-ROW.LIQUID
    4. Click on it - Select all the code that it contains.
    5. Now go back to "Sections" - ADD A NEW SECTION and name it: FEATURED-ROW2
    6. Paste everything inside of it - SAVE IT
    7. LAST STEP: Go back to page.about.liquid tab (LOOK AT STEP 2 (if confused)) and
    type in: {% section 'featured-row2' %} - RIGHT BELOW THE FIRST CODE LIKE THIS:
    {% section 'featured-row' %}
    {% section 'featured-row2' %}
    8. HIT SAVE and THAT'S IT :)

    • @Arnoldch777
      @Arnoldch777 3 роки тому

      If you need any help, let me know, I might record a quick video showing.

    • @frootloopmilk
      @frootloopmilk 3 роки тому

      This guy is correct. This still works. Thank you.

  • @PindPunjab
    @PindPunjab 3 роки тому +1

    Hi,
    I'm looking for the most efficient way to create sections that I can use on static pages, without having to make a new section file for every single section and render that separately.
    Right now, say I want to make an about page... I take the code from a section I want multiple times (for example image with text) and copy it into separate section files called about-feature-row-1, about-feature-row-2 etc. I then make a page.about template and render those sections after each other. If I would just render about-feature-row-1 multiple times, it loads the exact same thing as it has the same section id.
    Is there a better way to do this?
    Could I not just make a custom-feature-row and have something like a forloop on the section id, so I could render it on any static page and have unique content in it?
    Thanks!

  • @thomaslumley1734
    @thomaslumley1734 4 роки тому +5

    Hi James,
    This working great but I would like to know how to add 2 editable versions of the same section. Eg. feature-row, if i duplicate the div code it essentially mirrors the first one rather than becoming a separate section. Is there a workaround for this?

    • @chelseyfong188
      @chelseyfong188 4 роки тому +2

      Hey Thomas,
      I'm a newbie to shopify and coding for that matter. I created a new "section" and then copied the same code for the feature-row but renamed it "feature-row2" and it seemed to have worked for me. Hope this is of some help!

    • @brianbdw11
      @brianbdw11 4 роки тому

      @@chelseyfong188 EFFING GENIOUS THANK YOU SO SO MUCH

    • @jessicayoung7102
      @jessicayoung7102 4 роки тому

      @@chelseyfong188 This didnt work for me :(

    • @ManpackedPOV
      @ManpackedPOV 4 роки тому

      @@chelseyfong188 you my guy, ARE A FKKING LEGEND ! thanks man

    • @ClippedStreams101
      @ClippedStreams101 4 роки тому

      @@chelseyfong188 how do you add a new section:/

  • @dovi02
    @dovi02 4 роки тому +2

    More videos on editing/coding Deput theme, please!

  • @taylorrickards6352
    @taylorrickards6352 3 роки тому

    Worked perfectly - thank you!!

  • @brenae4224
    @brenae4224 3 роки тому

    Thank you! this helped so much! I was able to personalize my pages took a little time but if you watch the video and proceed to do at the same time it should help guys !

  • @ashleytr
    @ashleytr 5 років тому +3

    Hi James, I haven't tried this yet but I had a question. Why create individual templates with different sections instead of one template that has the option to use ALL of the sections? I'm new to Shopify and don't understand why the sections wouldn't automatically be available per each page. And if I wanted to do multiple sections would I do:
    {% section 'feature-row' %}
    {% section 'image-bar' %}
    OR
    {% section 'cart-template', 'image-bar' %}
    --
    Hope this is a realistic question. Thanks!

    • @revxlzions8020
      @revxlzions8020 5 років тому +1

      I suppose you want to start your own section?
      To do this in the section tab create your own sections and then integrate the for example page.about.liquid
      {% section 'mypersonalsection' %}



      {{ page.title }}


      {{ page.content }}
      {%section 'feature-row' %}
      {%section 'mypersonalsection' %} //==>HERE YOUR PERSONAL CONTENT

    • @ashleytr
      @ashleytr 5 років тому

      ​@@revxlzions8020 Thanks for getting back to me! I think I'm just a bit frustrated with not allowing unique content to be uploaded using the same sections across all pages. But after some intensive research that appears to be the only way (or creating new sections for each page which is a lot of extra coding and inconvenience for organization and weight of site. But I know that's not for you to solve. I appreciate you taking the time to help :)

  • @paullaschon6089
    @paullaschon6089 4 роки тому +1

    Surely you don't have to play with code to add sections? I added pages without code but now it looks like I have to delete those pages and add them as per this video so I can add sections. Is Shopify that awful or have I missed something?

  • @phdnetworks
    @phdnetworks 4 роки тому +2

    Hi, thank you for the video. do you know the code for Image with Text Overlay. I can't seem to find it anywhere. Thanks in advance

    • @lastfreenameonutube
      @lastfreenameonutube 4 роки тому

      Yeah, it's hero. {%section 'hero'%} . I just entered allllllll the codes, because I couldn't find what I wanted.

  • @savanna.shares
    @savanna.shares 3 роки тому +1

    Once you edit the sections, it will copy it to all of the pages. How can this be avoided?

  • @samueltheogunsola
    @samueltheogunsola 3 роки тому

    Thank you so much, this was helpful

  • @dijanakrnjajic220
    @dijanakrnjajic220 4 роки тому +1

    It did work for me, but if I want to create an about, exactly as you have. When I edit it it will edit my home page too. Do they have to be linked? The gallery one too. Changing one end automatically changes the other (home and the separate page) Is there a way to make them individual and edit them without them interfiering with the content on the other page?

    • @andreaspanayides306
      @andreaspanayides306 4 роки тому

      did you find any solution on that?

    • @hamidnawaz9678
      @hamidnawaz9678 4 роки тому

      @@andreaspanayides306 have you solution for this if you have please share it

    • @snoopdogg309
      @snoopdogg309 4 роки тому

      @@hamidnawaz9678 Did you guys end up figuring anything out?

    • @ilianamcgrath1542
      @ilianamcgrath1542 4 роки тому +1

      Go through the same process as with adding a new page, but add a new section. I added a new feature section by copy and pasting the code from the original feature section into the new feature section I named 'feature2' This way I can add 'feature2' to the new page and populate with its own unique content. Hope that makes sense!

  • @tazzmirza
    @tazzmirza 4 роки тому +3

    How to use the same section for different page with different content?

    • @snoopdogg309
      @snoopdogg309 4 роки тому

      did you ever figure out how?

    • @krisb4633
      @krisb4633 4 роки тому

      @@snoopdogg309 I found a way if you still need help bro

    • @snoopdogg309
      @snoopdogg309 3 роки тому

      Kris B Oh shit thanks man, what’s the way?Appreciate it :)

  • @osahon4227
    @osahon4227 4 роки тому +6

    Just making sure this is a soundless video. I'm not sure. If so, brilliant. If not, it might be time to get a new laptop.

    • @Lycogames
      @Lycogames 3 роки тому

      its soundless

    • @MikeKollin
      @MikeKollin 3 роки тому

      haha... I was thinking... oh damn! Somethings wrong with my computer... hahaha... Thanks for posting...

    • @sarahannes_life1275
      @sarahannes_life1275 3 роки тому +1

      @@MikeKollin Me too! haha Been hitting my volume buttons like crazy then searched for this comment!

  • @sanitarydome3584
    @sanitarydome3584 3 роки тому

    I added a slideshow to one of my pages but it is a giant square - completely wrong aspect ratio. How can I change this? Thanks

  • @elipanetta
    @elipanetta 4 роки тому

    This totally worked, thanks. How can i stack sections on top of other sections?

  • @MrKenz6900
    @MrKenz6900 4 роки тому +1

    Hi James, would like to ask how to add section to product page? is there any tutorial video?
    thanks in advance

  • @cheung1987
    @cheung1987 4 роки тому

    Thank you for this! Where can I find the list of all of the sections?

    • @cheung1987
      @cheung1987 4 роки тому

      I found the list of sections and added all of them to the page. Some of them are pulling the content which I set on the Homepage. Is there a way to make them unique so I can add content in the page itself as opposed to pulling from the same modules on the homepage?

    • @cheung1987
      @cheung1987 4 роки тому

      I figured this out too! Thanks!

    • @HamSupZhai
      @HamSupZhai 4 роки тому

      @@cheung1987 where is the list of sections?

    • @cheung1987
      @cheung1987 4 роки тому

      @@HamSupZhai Go to edit code > sections

    • @snoopdogg309
      @snoopdogg309 4 роки тому

      ​@@cheung1987 Did you find the way around how to separate the sections - so you can write different things on the homepage to the custom pages? Thanks :)

  • @armandmatossian2081
    @armandmatossian2081 4 роки тому +1

    Can you show how these changes look on mobile? Are they automatically adapted to mobile?

  • @PhilipHeuser
    @PhilipHeuser 5 років тому +23

    you pay so much money for shopify to get such a horrible work-around

    • @zero.g13
      @zero.g13 4 роки тому

      free theme is free, and a great starter for most people. THEN you can get into advanced stuff.

  • @Ficccs
    @Ficccs 3 роки тому

    This isn't working for me for some reason, anyone have any ideas on how to fix?

  • @valentinklein1591
    @valentinklein1591 4 роки тому

    Yesssirrr that’s Nice thanks a lot it work perfectly

  • @Shiiooh89
    @Shiiooh89 4 роки тому

    Hi there! how do you unlock the text columns images tab? it doesn't come up as an option for me, all I see is feature- columns but unable to edit. thank you. video was very helpful.

  • @lastfreenameonutube
    @lastfreenameonutube 4 роки тому

    I added the section that I wanted, but it is a copy of the section from my home page. So if change the page section, the home page section changes as well. I see that others have the issue as well. Anyone solved it?

  • @hoopstalkcentral
    @hoopstalkcentral 4 роки тому

    how do you add dynamic sections like those in the home page?

  • @bizcraftzone
    @bizcraftzone 4 роки тому +6

    Hi! I also have a problem. When I change content on about, it changes automatically on a home page. Does anyone know why? And how to change that? Thanks

  • @marwinvaldez6533
    @marwinvaldez6533 5 років тому

    where did you get feature row?

  • @erikprestonTV
    @erikprestonTV 4 роки тому +1

    I'm not doing HTML.
    I had the ability to add sections and it's gone.

  • @alijawed1234
    @alijawed1234 4 роки тому

    Good Job!....

  • @jonpoor8753
    @jonpoor8753 4 роки тому +1

    no sound??

  • @jamesmaginness8164
    @jamesmaginness8164 4 роки тому

    Hi there, When I am trying to add the code, nothing is showing up, even when I add a new template, in the video it seems that the code automatically appears in that space, however my space is empty with no code so I am unable to add anything to it or change it?
    I am on the free trial, is this the problem or not, or am I missing something? Thanks

    • @stephaniegrace5583
      @stephaniegrace5583 3 роки тому

      did you manage to figure this out because i am having the same issue

    • @frootloopmilk
      @frootloopmilk 3 роки тому

      Same. "feature-row" doesn't show up for me. But other like "featured-blog" do.
      Edit: I kinda figured it out. I guess. I created a new section called "image-text" took all the code from the "feature-row" section, pasted it in the new section I just made and went back to my page template, and called that instead and it showed up. Just changed the code to {% section 'image-text' %}, hope this helps someone else.

  • @revxlzions8020
    @revxlzions8020 5 років тому

    Excellent

  • @EliBackwood
    @EliBackwood 5 років тому

    Thank you so fucking much, i was able to add all the section codes I wanted for a page

  • @CrystaJLove
    @CrystaJLove 5 років тому

    it didn't work for me at all

  • @nicholashocking6038
    @nicholashocking6038 5 років тому

    Hi James, unfortunately it didn't work for me either. I have tried to copy exactly what you have done, but when I do it the words "section" and "feature-row" do not change colour to purple or green as they do in the video. I am assuming that they change colour to show that they are active and having an effect. I guess I have typed something in wrong or am missing something? Is that a backslash " \ " before and after the " { "'s ?
    Could you please type out exactly what the wording/ format is so I can copy and compare it?
    Thanks

  • @androidgameplay7335
    @androidgameplay7335 5 років тому +1

    featured row is not working is says syntax error

  • @frootloopmilk
    @frootloopmilk 3 роки тому

    Why would they make this so insanely stupid