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

Sdílet
Vložit
  • čas přidán 20. 12. 2019
  • You can get 10% off Divi Theme here: www.darrelwilson.com/divi-dis...
    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.darrelwilson.com/product/...
    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.darrelwilson.com/siteground
    Get 10% OFF The Divi theme HERE: darrelwilson.com/divi-discount
    Get 10% OFF The AlidropShip Plugin: darrelwilson.com/alidropship
    Get 2 Months Of Skillshare Premium FREE: www.skillshare.com/r/user/darrel
    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.darrelwilson.com
    Checkout my other Multilingual Wordpress Tutorial CZcams 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.darrelwilson.com
  • Jak na to + styl

Komentáře • 94

  • @darrelwilson
    @darrelwilson  Před 4 lety +10

    Whos going to be the first comment? :p

    • @ahmedtlili3006
      @ahmedtlili3006 Před 4 lety +1

      Me XD

    • @faraiwillie798
      @faraiwillie798 Před 4 lety

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

    • @darrelwilson
      @darrelwilson  Před 4 lety +2

      I’ll look into this

    • @ahmedtlili3006
      @ahmedtlili3006 Před 4 lety

      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 Před 4 lety

      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?

  • @cubantek
    @cubantek Před 4 lety +2

    Thank you!!! Always great stuff.

  • @wallemon06
    @wallemon06 Před 4 lety +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?

  • @zingitstudio
    @zingitstudio Před 2 lety

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

  • @faraiwillie798
    @faraiwillie798 Před 4 lety +2

    Super cool...thanks fr the tutorial

  • @andymackk99
    @andymackk99 Před 4 lety +1

    Helpful tutorial Darrel - Thanks for this

  • @minyummm
    @minyummm Před 3 lety

    You saved me so much work!
    Thank you!

  • @wgm247
    @wgm247 Před 4 lety +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 :)

  • @aventur360
    @aventur360 Před 3 lety

    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?

  • @kaylanifara6514
    @kaylanifara6514 Před 4 lety +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! (:

  • @salimhasann
    @salimhasann Před 4 lety

    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?

  • @Advanedu
    @Advanedu Před 4 lety

    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.

  • @ArmanZakariah
    @ArmanZakariah Před 2 lety +1

    Thanks a ton! You just saved me hours.

  • @spaaces9752
    @spaaces9752 Před 3 lety

    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 Před 2 lety

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

  • @jaimcgee4566
    @jaimcgee4566 Před 3 lety +1

    Love DIVI

  • @janetmills9901
    @janetmills9901 Před 3 lety

    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

  • @tonymcguire6004
    @tonymcguire6004 Před 4 lety

    Thx man
    Really useful

  • @naiagirl1
    @naiagirl1 Před 3 lety

    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!

  • @chachimuchacho2580
    @chachimuchacho2580 Před 3 lety

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

  • @Natebc1
    @Natebc1 Před 3 lety

    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.

  • @muhammadmotiurrahman5409

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

  • @zamirrazali6981
    @zamirrazali6981 Před 4 lety

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

  • @carolynnewall8793
    @carolynnewall8793 Před 2 lety

    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.

  • @customknivesltd
    @customknivesltd Před 2 lety

    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?

  • @catalin.bordea
    @catalin.bordea Před 4 lety

    you are the best ! thanks

  • @ojeshsinghal
    @ojeshsinghal Před 3 lety

    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

  • @rolandkruit7018
    @rolandkruit7018 Před 3 lety

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

  • @KevinShank
    @KevinShank Před 3 lety

    Thank you!

  • @ziggytonumaa
    @ziggytonumaa Před 2 lety

    Thank you brother!

  • @rmonni5069
    @rmonni5069 Před 2 lety

    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..

  • @kellymartin8090
    @kellymartin8090 Před 4 lety +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  Před 4 lety

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

  • @mr2fit
    @mr2fit Před rokem

    Thanks, very usefull!

  • @wallemon06
    @wallemon06 Před 4 lety +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 Před 4 lety

      ive been dealign with this as well it sucks

    • @creativeimageshairstudio3221
      @creativeimageshairstudio3221 Před 4 lety

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

    • @ecommerceinsights8121
      @ecommerceinsights8121 Před 2 lety

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

  • @tuduff
    @tuduff Před 3 lety

    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

  • @ogunmodedeopeoluwasamuel1928

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

  • @sunrisestudio9548
    @sunrisestudio9548 Před 2 lety

    what plugins do you use for all this?

  • @jhonjairozabalagomez2966

    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.

  • @sugengnurhadi
    @sugengnurhadi Před 4 lety

    Can be customise using elwmentor free version ?

  • @mixwix2614
    @mixwix2614 Před 4 lety

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

  • @pamz3723
    @pamz3723 Před 4 lety

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

  • @nomangulzarofficial
    @nomangulzarofficial Před 3 lety +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.

  • @nanac8448
    @nanac8448 Před 4 lety

    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  Před 4 lety +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 )

  • @subinbabu1121
    @subinbabu1121 Před 4 lety +2

    Thanks bro...

  • @adamkawa85
    @adamkawa85 Před 4 lety

    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 Před 4 lety +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🙃

  • @Maykonhoon
    @Maykonhoon Před 2 lety

    how to add SKU?

  • @guitarsuper6034
    @guitarsuper6034 Před 4 lety

    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

  • @AntonioHernandez-xc4nb

    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 Před 3 lety

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

  • @skyebloomllc7983
    @skyebloomllc7983 Před 4 lety

    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  Před 4 lety

      just offer a special membership for that user

  • @markshirley01
    @markshirley01 Před 4 lety

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

  • @ShahoneyAgonoy
    @ShahoneyAgonoy Před 3 lety

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

    • @darrelwilson
      @darrelwilson  Před 3 lety

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

    • @ShahoneyAgonoy
      @ShahoneyAgonoy Před 3 lety

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

  • @Wecrypt
    @Wecrypt Před 3 lety

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

  • @ama8437
    @ama8437 Před 4 lety

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

  • @ahmedtlili3006
    @ahmedtlili3006 Před 4 lety +2

    Notif team

  • @almehedihasan4901
    @almehedihasan4901 Před 4 lety

    I download your template. but how to upload?

  • @ayaanahmedshohan5422
    @ayaanahmedshohan5422 Před 4 lety

    hey darrel

  • @bancocknewskimmerinstallat9843

    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 Před 4 lety +1

    make some noise

  • @SMKUNCUT
    @SMKUNCUT Před 4 lety

    I m lazy

  • @jenniferwilliams8863
    @jenniferwilliams8863 Před 4 lety

    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.

  • @martinturyagyenda
    @martinturyagyenda Před 4 lety

    rubbish am better off building it myself

  • @gunayfarzalibayli2172
    @gunayfarzalibayli2172 Před 3 lety +1

    Thank you!