How To Create a Custom Product Page With Divi Theme [Divi 4.0 WooCommerce Tutorial]

Поділитися
Вставка
  • Опубліковано 14 гру 2024
  • You can get 10% off Divi Theme here: www.darrelwils...
    Learn how to create a custom product page with the divi theme. With the new the theme builder, you can build a custom product page with the divi theme. Now you can easily create a custom product page with the divi theme and i also have free divi theme ecommerce templates for you to download for free!
    You can download the whole divi theme ecommerce layout here: www.darrelwils...
    You can watch the entire divi theme ecommerce tutorial here: • How To Make An eCommer...
    Want Some Wordpress Deals?
    Get 70% OFF the #1 Fastest Hosting Siteground: www.darrelwils...
    Get 10% OFF The Divi theme HERE: darrelwilson.c...
    Get 10% OFF The AlidropShip Plugin: darrelwilson.c...
    Get 2 Months Of Skillshare Premium FREE: www.skillshare...
    Looking for a Wordpress Tutorial To Get Started?
    Create A Freemium Wordpress Website: • How To Make A Wordpres...
    Create An Ecommerce Website: • How To Create An eComm...
    Create A Wordpress Website With DIVI: • How To Make A Wordpres...
    Want The BEST WEB HOSTING? Check out my video where i tested 16 web hosts for 60 days!
    • Best Web Hosting For W...
    Wanna connect with Darrel Wilson?
    Join the Facebook Group! / 1272972036227234
    Follow my Facebook Page! / darrelwilson03
    Connect With Me On Linkedin: / darrel-wilson-0435166b
    Follow me on Twitter: / wpdarrel
    Connect With Me On www.Wpfriends.com
    Stay up to date with wordpress topics, visit my website at www.darrelwils...
    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...
    Want more help and news on Wordpress? Feel free to visit my website at www.darrelwils...

КОМЕНТАРІ • 94

  • @darrelwilson
    @darrelwilson  5 років тому +10

    Whos going to be the first comment? :p

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

      Me XD

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

      Hi Darrel, next video would you do a video about creating an App for an online store.

    • @darrelwilson
      @darrelwilson  5 років тому +2

      I’ll look into this

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

      Bro pls when i try to make a forum with ultimate member free extension it does not work pls make a video on how to create a forum with plugins and thanks

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

      Hey Darrel, have you ever used Ecwid before as an eCommerce solution? If you have, what do you think of it? Can you make a review video or a tutorial on how to customize it with Divi?

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

    I keep getting a nuisance error "This post has been assigned a template using the Theme Builder, however, the template being used does not a have Post Content module." If I add a Post Content module, I get text and elements inserted from an old post template. How can I make that go away? I recognize the content, but I'm not finding where it resides in order to delete it. Can you help?

  • @faraiwillie798
    @faraiwillie798 5 років тому +2

    Super cool...thanks fr the tutorial

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

    I Want To Sell My Products Through Home Page Where Product Image in Left And Further Information Like Product Title And Last But Not Least Add To Cart Option In Right.
    More-ever I Want That I Upload Image From " Add New Products " And That Product Should Visible On Custom Shop Page.
    Please Help Me To Solve This Problem I Tried Bundle Of Methods But Grapes Are Sour.

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

    I confirmed there is a known issue with Divi Theme Builder and custom pages. I used Divi4 to make a Custom Body for one of my Products using the Theme Builder. No issue creating the custom body. But when I view the page and try to enable Visual Builder, Divi gives me an error that there is a ‘Missing Post Content Module’. If I add a post content module to the custom body, the error goes away, but a slightly different product page template shows up below my newly created product page custom body. The only workaround is to turn the Visibility of the post content module off or to not use Theme Builder for custom pages. Unless there is another fix that I'm not realizing. Divi is aware of the issue.

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

      ive been dealign with this as well it sucks

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

      Were you ever able to resolve this? I am having the same issue

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

      I had the same problem. Opened theme builder again, deleted the post content module, saved and there was no error anymore.

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

    Awesome! Thank SO much for the free layouts and the great tutorial!

  • @ArmanZakariah
    @ArmanZakariah 2 роки тому +1

    Thanks a ton! You just saved me hours.

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

    Dude your content helps me so much. Keep doing what you're doing, it's nice to get ACTUAL help with ecommerce. I'm learning a lot! (:

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

      thanks bro!

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

      Darrel Wilson lmao I’m a girl but I appreciate the sentiment 🤝

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

    Helpful tutorial Darrel - Thanks for this

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

    Thanks great video. How can we get rid of the specific colors and sizes in the Woo Commerce cart? We just want the cart button.

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

    Would you have any experince creating a product page like this but having it display a gravity form?

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

    Hey Darrel...happy Xmas and new year for 2020...it's been quite a ride...here's to another year of your great work :)

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

    very nice tutorial, but how can i create new product and use same layout for every product added? or something is wrong here because when i add new product a new page is created without layout

  • @cubantek
    @cubantek 5 років тому +2

    Thank you!!! Always great stuff.

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

    Hello Derrel, what's the Dimension for the Header image of the girls you used in the product page? .......

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

    Hi, Do you have a video on how to edit the cart page and the checkout page with divi and woocommerce?

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

    what plugins do you use for all this?

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

    How to add the advertisement in the product page. I don't see it. The one you have on the top above the product image in your original page

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

    thanks. This is a great tutorial. I have a question? custom product page all done but when the cursor on images why it does not zoom?

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

    Hi Darrel, Please let me know that ow to put overlay color on background image

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

    Hi Darrel,
    On the products page how do you get them all the same size?

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

    Can be customise using elwmentor free version ?

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

    Hi Darrel. How to add a Long Description in woocommerce into our custom product page?

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

    Great tutorial! I'm having an issue regarding variations. All my products with variations have the variations bar duplicated on the top of the page and then in its proper place. What could this be?

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

    Love DIVI

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

    Please make complete video dosen't matter duration love your channel 👍 you are my teacher

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

    Hello Sir. I have followed your steps i setup layout but when i applied Font Style Changed, Color Sceem Changed. I Don't know why
    Do i have to turn any permissions on from woocommerce for make same as layout?

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

    Hi!
    Is it possible to use the 'Woo add to card' without the drop down menus?
    I'm trying, but really don't know how to delete them....
    Thanks for your video, it really helps me a lot!

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

    Thank you for your tutorial. Is there a way to bypass the product page? I create digital designs. There are 24 individual designs in a collection. I created a custom shop page for each collection. When I click the "add to cart" button, it redirects me to the product page. Is there a way to bypass the product page so when the customer clicks on the "add to cart" button, the product is added to their cart, but they remain on that shop page so they can continue shopping the products on that page. I use the Divi theme

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

    You saved me so much work!
    Thank you!

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

    how to add SKU?

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

    Darrel, I really want to thank you for your excellent video. I have learned a lot. Could you please consider creating a video on creating custom fields for products, for example; add files, radio button, check button, text area and how to manage this data. Thank you.

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

    can you have a demo for one page one store product divi only?

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

      im working on this tutorial as we speak, should be up in about 2 weeks

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

      @@darrelwilson thanks. I will wait. Ecommerce one page only thanks

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

    Hi Darrel, Thank you so much for this. It has been super helpful. One question I have though. Our products are digital and don't have sizes or colours and I can't work out how to get the 'add to cart' without them. It won't let me delete.

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

    Thank you brother!

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

    Hey Darrel, Thank you so much for this video. I do have one thing, I hope you are able to help with. Do you know how to change the Price (size and color) that show up above the Add to Cart (class="woocommerce-Price-currencySymbol")? I seen you this video Its till the Default light blue.

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

    hi. I am a newbie working on building a website for my wife who is an artist (painter) .. we are using Divi, but the "gallery" module seems to be extremely limited.. we are not ready to sell the paintings at this time but just want to showcase them for now.. i would like to link each individual painting image in the gallery to a separate new page that will have a product gallery (thumb nail slider) for that specific painting only.. Is it possible to use Woocommerce's product page/image slider and just remove the check out button?.... If not, can anyone recommend a good plug in for this? thanks..

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

    Thanks, very usefull!

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

    after using it i got some bug now i dont know how to fix it

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

    Thank you!

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

    Thx man
    Really useful

  • @AntonioHernandez-xc4nb
    @AntonioHernandez-xc4nb 4 роки тому

    Hi great Video, My question to you is that i created my website already with products, I like my website but I want to try yours as well. How can i upload yours without deleting my home page to see how it looks ? I already got your Divi ecommerce Layout

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

      Create an offline Page on your pc to test whatever you want.

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

    Darrel have you done a custom category page using WooCommerce and Divi.

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

    Thanks for the comprehensive tutorial. If I upload your theme, will it override the one I already have built? Also, some them have "Unassigned" at down at the left side of "Add Custom Header" boxes, and when I open them the wheel spins and the page will not open.

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

      It will replace your old theme so in short you will have to redo your website with Divi

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

    Hi Darrel, I really love all of your tutorials. They're amazing and helpful. Could you please make some more videos like this using the available Divi (premade layouts) templates? It will save us lots of time. Instead of building everything from scratch, I'd like to use the available templates more.

  • @subinbabu314
    @subinbabu314 5 років тому +2

    Thanks bro...

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

    For Membership website; lets say you have 5 members. but you only want to grant access to a downloadable file for member number 3. how do you do it?

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

      just offer a special membership for that user

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

    Hi Darrel. I have been building my website with the Flatsome theme from your tutorials that I absolutely love and I thank you very much. My question though is on my product pages, when I scroll to bottom of page I only see the one page that lights up. It does not show the button to go to the extra pages of products. It just shows page 1 in a circle. Nothing else. I hope this makes sense to you. Please could you help me with this? Thanks so much.

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

      hey nana, honestly its hard for me to try and fix that, but you can reach out to their support team ( you get support with it )

  • @catalin.bordea
    @catalin.bordea 4 роки тому

    you are the best ! thanks

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

    Please help!! How do I remove the PayPal button trying for hours now 😭😭

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

    Great video mate!! How would you suggest to create a product with bulk pricing? For example 1 @ $15.00, 2-5 @ $12.00 each, 6-10 @ $10.00 each etc.

    • @Meow-wm7fl
      @Meow-wm7fl 5 років тому +1

      Adam Kawa
      Hey I don’t know if you still want to but this how you do it.
      Step:1 Create a variable product.
      Step2: Create a attribute named quantity.
      Step:3 In this attribute make option 1 2-5, 6-10.
      Step:4 Now click on variations and create.
      Just enter the price for different variations and you are done🙃

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

    HI, please please help...I am stuck and I have to deliver a project. I am creating a website technics.solutions.com, but I am stuck at product page. The images of product page is not showing when I open on mobile. don't know what to do...please help

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

    I download your template. but how to upload?

  • @ahmedtlili3006
    @ahmedtlili3006 5 років тому +2

    Notif team

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

      Get out of there it’s gonna blow!

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

    Great Video Can You Please Make A Video About Creating A Real Estate Website With Modern Listing Page Please?

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

    hey darrel

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

    Couldn't help but note that your comment about the model was that she is a white girl...I guess i'll look elsewhere for tutorials

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

    make some noise

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

    this was the most expensive theme I've bought and the most time consuming to learn and not as easy to use. I hate it.

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

    I m lazy

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

    rubbish am better off building it myself

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

    Thank you!