Elementor Theme Builder Tutorial - Create Custom Shop Pages, Product Pages and More!

Поділитися
Вставка
  • Опубліковано 7 лип 2024
  • Download Elementor Pro: www.darrelwilson.com/elementor
    Download Free eCommerce Layout Here: darrelwilson.com/product/elem...
    Watch Elementor eCommerce Video Here: • How To Make an eCommer...
    The Elementor theme builder allows you to customize every part of your website with no restritions. In this video, ill show you how to use the elementor theme builder to create every part of your website from scratch. Trust me, its easy once you get the hang on it!
    0:00 Intro
    Create A Custom Header 02:41
    Create A Custom Footer 08:02
    Create A Custom Blog Page 11:19
    Create A Custom Category Page 15:11
    Create A Custom Blog Post 17:40
    Create A Custom Shop Page 24:00
    Create A Custom Shop Category Page 35:31
    Create A Custom 404 Page 49:20
    Checkout my other Multilingual Wordpress Tutorial UA-cam Channels!
    Spanish Channel: / @darrelwilsonenespanol
    Arabic Channel: / @darrelwilsonarabic
    Hindi Channel: / @darrelwilson3827
    Portuguese Channel: / @darrelwilsonemportugues
    French Channel: / @darrelwilsonenfrancais
    German Channel: / @darrelwilsonaufdeutsc...
    For more wordpress stuff, you can visit my website: www.darrelwilson.com
  • Навчання та стиль

КОМЕНТАРІ • 138

  • @darrelwilson
    @darrelwilson  3 роки тому +7

    Hey Party People! Just wanted to give a clear and concise explanation on the theme builder some of the more popular pages. Make sure to like this vid and let me know how you are doin in the comments below!

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

      Link is are not working for free Elementor Pro and e-commerce layout as well I cant download they are asking payment

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

      @@muhammadejazniazi8783 try it, its free

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

      @@darrelwilson Make a toturial on speed optimization without plugins?

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

      @@bushra_Malik4 darrelwilson.com/how-to-speed-up-your-wordpress-website/

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

      Please put a video about mega menu with image ( flatsome )

  • @apingsample4720
    @apingsample4720 3 роки тому +5

    This tutorial explains pretty well about the theme builder, Thanks Darrel!

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

    Thank you! I really needed this video and also I'm trying the new Essential theme

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

    Finally 😊 Thank you Darrel ❤️ Be well in Thailand 😊

  • @muskyb.albertsen6704
    @muskyb.albertsen6704 3 роки тому +1

    Hej, very helpful, I use “Hello Elementor” instead of the “Astra theme”, but it works just as well until now. :) Thanks you

  • @gabrielleraul488
    @gabrielleraul488 3 роки тому +3

    damn, this is one of the best tutorials ever, and you're so entertaining, keep up the great work man.

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

    Thank you sir love from India ♥️💕

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

    Darrel I have to say this video WAS AWSOME HELP... I am building my first site and was going nuts with the product search and this hit home for me. Thank you!

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

      anytime :) if you need help feel free to ask .

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

    wow! I was searching for this right now! thanks Darrel you can read thoughts :))

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

    great man... I am watching your videos for a long time (even when your monetization was off 😁😜😜) . I learn a lot from you.. thanks

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

    Best tutorial ever watched. Thanks a lot.

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

    Great tutorial! Thanks a lot.

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

    You're funny and humour always help in lightening up anyone's day. Thanks for the video

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

    Thank you for this tutorial :D

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

    Darrel you did an excellent job explaining this. Thank you.
    Question, can we change the feature image to one in our Media Library for every different Blog Post?

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

    Thanks Darrel

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

    Great video, Darrel. Is there a way to add the Sort feature on the Product Category pages? It's on the default Woocommerce category page, and would like to use it on the new product pages.

  • @Iqbalhossain-hx6sm
    @Iqbalhossain-hx6sm 5 місяців тому

    This tutorial is so easy and learnable.

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

      anytime :) if you need help feel free to ask .

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

    Awesome Tutorial

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

    My business skyrocketed thanks to your videos. Greetings from France.

  • @ent-hub2830
    @ent-hub2830 3 роки тому

    Love you man♥️

  • @mohamedel-toukhi4093
    @mohamedel-toukhi4093 3 роки тому

    Thank you, this is really helpful.
    1 Q: in the single product template, can I use a slider for the photos in case I have 6 or 7 photos for a single product

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

    Halfway through and loving it. simply brilliant , 👍. After recent major changes in WP & Elementor, many plugins are causing hiccups on the frontend. Please try to share safe way to handle some of major fixes. ❤️ from India.

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

    Hi Darell thanks for this tutorial. I have a question hope u will assist me. My product archive page shows titles vertically, looks weird. What should I do?,

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

    Party people, bro 🔥

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

    Thanks Darrell, great content. Can you do a tutorial on how to integrate another language into the website (multilingual)?

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

    Hi Darrel, I've learnt a whole lot from you in the past couple of days..great job man. I have a little issue with the search result page of a site I've been working on...any tips?
    It displays the basic search result page and I've been trying to change it since forever

  • @austinshanghai9731
    @austinshanghai9731 2 роки тому

    Hi Darrel,I have a questions about the widgets,Did you use any plugin? Because normal widgets are not the same as yours.

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

    i do have some problems with the filters, cuz they don't work with the "product" element in Elementor, they kind of work (not properly) with the "product Archive" Element but this one is not customizable specialy with the query. please help, there is something I'm doing wrong? i really feel helpfull your videos, but i have months with this problem i can't find a way to solve it.

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

    MIGHT BE 2 YEARS OLD, BUT STILL RELEVANT IN 2023!!

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

    thank you. thank you very much.

  • @eddier.6749
    @eddier.6749 3 роки тому

    Hi Darrel, thank you for the video. I have an issue. I created a single post layout for a client's website and saved it. Now everytime I try to edit or preview any template by itself (wherher it is a header, footer, regular section, anything), the preview and editing shows up as the single post, and it doesn't help because the single post's content is only on one half of the page. I can't find any tutorial solution and I even contacted elementor.

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

    Hey Darrel,
    When I do exactly the same as your example my sidebar is not working. Only in the main shop page I see my sidebar fully functional. In the them builder I only get the titles but the widgets underlying values aren't showing. Do you have any idea on how to solve this?

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

    Awesome tutorial.. if i tell a lie u r not amazing man. 😜

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

    Is there a way to make the archive dynamic ? Like doing a new one for every category and subcategory would be a nightmare.

  • @jonserve007
    @jonserve007 2 роки тому

    Darrel, Good Day. Question, finally getting the hang of using Elementor. In the area of defining post by querry/term/ when I add pro post the reference boxes are available, but when I select a saved template, I cannot locate "querry/terms" option.
    Please advise. Thanks Darrel Wilson.
    Stay Safe

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

    Dude you are a genius !! +1💔👍👍👍👍👍👍

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

    I have a issue with my header on my website while building with theme builder. The settings i apply for dropmenu on the main menu its not working. Nothing is changing. My guess its that the Theme doesnt allow me. Any ideas how to fix it?

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

    Hi
    Wonderful video. I was eager to know how the product page details are created in such a way that it fits in to the template that you just created. You got any video on that?

  • @DKingFisher
    @DKingFisher 2 роки тому

    Those blog posts names though xD Had me laughing so hard

  • @KJ-ym5og
    @KJ-ym5og 3 роки тому

    Darrel Help pleeeease... My variation prices don't show when selected what do i do?? All prices are lisited. (I'm using woocommerce, Astra Theme with element or pro from your store creation vid)

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

    With these theme builders, do we need something like Astra anymore?

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

    I like ur videos...i have question...if i make a website in wordpress without psd design so how will i show design mockup to my client? What am i making for him/her? I'm confused 🤔

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

    Hey! I created my website by following your ecommerce website tutorial and my current SiteGround plan is GrowBig, I'm running two websites on it. Recently I've exceeded my provided web space so therefore I need more web space. I don't know if I should upgrade my hosting plan to GoGeek (but I would only get 20gb more web space which is obviously less) or is there any other way just to get more web space. please recommend me something. My websites are currently down as my storage is full therefore plis reply fast.

  • @goodwillfactorfactor2665
    @goodwillfactorfactor2665 2 роки тому

    I do about everything you show in the video but if I have made a page for each product category I don't get to see all my products when I go to the next page I get a white image with 0

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

    A trick I learned in Elementor if the page is already created in the link box you can type the name of the page and Elementor will search for that page and when you click on the page it will input the link for you automatically.

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

    Thank you for this guide! I was wondering where did you get the widgets under appearance when you created the side bar?

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

      same question here

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

      the problem is the theme, i was using Hello theme but when I changed to Astra the widgets appear on the menu

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

    Hi Darrel, can you show us how how to use shopify website to build and customize store??👋🙏🏻 I appreciate it, cheers.

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

    Excelent!! Can you do an Oxygen review or tutorial?

  • @geraldcobain6412
    @geraldcobain6412 2 роки тому

    hey I was wondering if you can help me I got stuck in the WooCcomerce sidebar, it doesn't show me the list of the filters I wanna add to the WoooCommerce sidebar as it shows in the minute 33:28 for me it's very different and confusing hope yo reply to me thanks for the videos.

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

    Facing an issue having this error "The package could not be installed. The theme is missing the style.css stylesheet."

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

    Hey Darrel, quick question: which editor are you using for your screenshot vids? Keep up the good work. Thx

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

      screenshot vids? im editing the video with final cut pro

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

      @@darrelwilson ah....I meant actually which recorder software you are using. or does final cut have this screenrecording functionality?

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

    hello Darrel Wilson esque with free elementor I can install the page or create this page

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

    I am not able to change the color of the text in the sidebar (shop page) The filter by price changed but the color in the product categories did not. Any suggestions?

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

    how do I change the sidebar to filter the products without going to the different product pages? this is driving me nuts.

  • @SAROJKUMAR-di5cc
    @SAROJKUMAR-di5cc Рік тому

    When I insert from demo the header it shows check url and reconnect. After clicking on reconnect nothing is happening. What should I do?

  • @marian8711
    @marian8711 2 роки тому

    Hi Darrel, I am using Neve theme. Could it be that the Query on the Custom Shop Category Page is to be set on the Customizer menu? It is not showing as I see in your video (great video by the way, thanks!)

    • @marian8711
      @marian8711 2 роки тому

      sorry, never mind this question .. found it. Had to take the other widget of products, not the products archive widget

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

    hi. Could you recommend Product filter plugin (free) dear @Darrel Wilson?

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

    nice sense of humour🤣

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

    If anyone knows the answer to this question in the comments please help. Do I need Elementor Pro to customize the shop/product page e.g design it better with a photo at the top lets say. If I build a shop page from scratch like in this video can I just replace the woocommerce default shop page or will it wipe out my existing setting such as products/categories etc. If you answer Darrel that would be fantastic or anyone else kind enough to comment.
    Thank you

  • @leonarddominguez311
    @leonarddominguez311 2 роки тому

    Hello Darrel,
    Great content. I wanted to ask if you a video on creating templates to sell? Any help or direction would be grateful. Regards.

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

    Do you have a discount code for Elementor Pro??

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

    Is this a lightweight website? because elementor element slowdown website

  • @zeepoint8010
    @zeepoint8010 2 роки тому

    How to insert direct checkout link in shop now button made by elementor on homepage? Please guide

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

    Hello Darrel please I need you to help me, I have a course with video, e-book and audio course for customers to choose from as preferred, but my problem is that how can I create the PDF course separately from the video and the audio courses as 3 different courses on the learndash ? Will be glad if you can put me through or have a general video on this.

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

      im sure you can think of something, maybe look into a membership plugin or product addons. It can be done, but youll just need to combine plugins and see how you can achieve it. I believe in you :)

  • @92soldier
    @92soldier 3 роки тому

    how do you get dark mode on elementor? :o

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

    is it possible to create a mobile application with WordPress

  • @Sal-bm4mw
    @Sal-bm4mw 10 місяців тому

    The Conditions Part making me confused, Where or How did you learn about Conditions well?

  • @ricknoisable
    @ricknoisable 2 роки тому

    I give up I tried everything but I can never get the image full on the the baground shop page I have been trying for 3 hours and nothing

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

    Good Evening Sir This is Harish From India I like your videos very much & please try to a video on android app without coding which is customized thanks you

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

    Thanks. One question. Can I put "soundcloud" widget instead of the "image product"❓ I'm selling music. Thanks!!

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

    I see the sidebar first in mobile view...How to hide that?

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

    Okay..... Can sombody tell me how you get the "sort by: price high to low" or "sort by: popularity" widget. everyone has it but how in the world do i get it

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

      You probaly have hello theme installed, i had hello theme but switched to astra, they will be available in astra theme!!

  • @toungewithgills1
    @toungewithgills1 2 роки тому

    Are all themes simular to the same. I am looking at purchasing the sweet date, dating website theme which comes with all the plug-ins suposidly. Although enough about my novice project. Your videos on UA-cam are great they show, or teach well. 2/20/2022 this comment was made.

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

    How to convert wordpress ecommerce website to mobile app in iOS and Android

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

    why my elementor not showing single product template? please answer

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

    I see this only applies to Elementor pro, is this correct? Not just the base version

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

      this is only available for the pro version, time to upgrade? www.darrelwilson.com/elementor

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

    how can i get telementor 3.0?

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

    My add Footer doesnt work.

  • @thejackleader
    @thejackleader 2 роки тому

    Why do I not have widgets under appearance?

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

    I did watch your last Ecommerce website but it's not responsive which it will hurt conversion rate

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

      thanks for letting me know, ill adjust it. But i do cover mobile optimization in that video so it wouldnt take long for you to also adjust it for mobile

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

    Hello , theme builder work only with pro version?

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

    I need help my theme builder is not working and I am getting the following message......Theme Builder could not be loaded
    We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.

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

    Theme development tutorial want

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

    Compare to oxygen page builder Elemantor has speed issues. Oxygen rules.

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

    @9:35 I suggest to use local links and not absolute links here. Moving your website to another domain is going to be painfull otherwise. Btw why don't you use global typogrphy and colors?

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

    Please did you used elementor pro?

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

    been your subbie since 40k. until now, I still haven’t master it. I wish darren will be raffling off a total website creation free of charge and one winner will be chosen from all the subscribers. just a wish. hehehe.

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

      maybe something like this will be coming for christmas :)

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

    Any one have custom cms i will give in exchange 2 themes with license revo theme and rehub theme.

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

    Give me your vedios which about design website step by step.

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

      ua-cam.com/video/d9tcmqJEEu4/v-deo.html

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

    ياريت تنزله بالعربي متابعتك

  • @karyl372
    @karyl372 2 роки тому

    Im not following making categories urggghhhh

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

    Great video. It shows how to make a website that is impossible to maintain, lacks any careful design decisions (the programmer going: I kindof like this.... without paying customer feedback) it is a total mess and not very helpful in a real world setting.

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

    Thank you, please translate it into Arabic

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

    34:48 and this is why wordpress and elementor are a mess. one is never sure where to change what to get a consistent interface. And can be anywhere

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

    1st view

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

    PRO ONLY 。 BAD TITLE