No video

How To Make A Custom Shop Page With Divi Theme [Divi WooCommerce Tutorial]

  Рет қаралды 100,940

Darrel Wilson

Darrel Wilson

Күн бұрын

Пікірлер: 154
@darrelwilson
@darrelwilson 4 жыл бұрын
Hey party people, with the new divi theme builder you can make a custom shop page and custom category page with divi! Also make sure to smash this like button and let me know if you have any questions!
@jagonly
@jagonly 4 жыл бұрын
Hi Darrel, I just try new divi feature for woocommerce. Is there any way to customize image product in shop module for change height and width. Usually I change thumbnail size in woocommerce in customizer. When I choose 4 coluom the image thumbnail is great but select 3 coloum the images is kind of big. Thanks ...
@gardenfishes
@gardenfishes 4 жыл бұрын
For doing the same thing, you are doing it the hard way. You use the category name as the dynamic text for title, and then pull the products for that category. One page, simple for all categories. Then if you want different backgrounds for each category, you upload your banner image to the category, and pull the image as dynamic text.
@cenocoelpiloto
@cenocoelpiloto 3 жыл бұрын
Hi, thanks for the tutorial, but i have a question, why would you want to put a price filter on the sidebar if that filter won't work in the gallery?
@thebibleproof
@thebibleproof 4 жыл бұрын
Divi's Theme Builder puts developers at the forefront of WooCommerce integration. Happy 2020 Darrell.
@darrelwilson
@darrelwilson 4 жыл бұрын
good luck!
@HansjeVdTillaert
@HansjeVdTillaert 2 жыл бұрын
Finally I found the best resource in order to get the best out of Divi. Thank you Darrel!
@darrelwilson
@darrelwilson 2 жыл бұрын
Thanks again!
@KerrieRedgate
@KerrieRedgate 3 жыл бұрын
Thank you so much, Darrel! I wouldn’t have known how to start without this! You’re my go-to guy with all things Divi!
@afridirokon5516
@afridirokon5516 11 ай бұрын
Omg best easy tutorial in internet ever i seen.. Thank u so much.. You save my time and money
@empidgeonify
@empidgeonify 3 жыл бұрын
I can't tell you how thankful I am for this video!!! It helped me soooo much!
@georgesulc6897
@georgesulc6897 4 жыл бұрын
Great tutorial Darrel, it was exactly what I wanted to learn!
@julianm080808
@julianm080808 2 жыл бұрын
Merry Christmas thanks for sharing this awesome tutorial keep it up, you are the best bro.
@darrelwilson
@darrelwilson 2 жыл бұрын
Same to you
@mahii61
@mahii61 2 жыл бұрын
Damn! I was looking for this video thankssss alot man! U helped me alot
@km-shorifulislam8641
@km-shorifulislam8641 2 жыл бұрын
Thank you so much for this tutorial.
@jcoreboi5017
@jcoreboi5017 3 жыл бұрын
thak u so much bro, this tutorial has been very useful...
@jglasshalfpool4640
@jglasshalfpool4640 2 жыл бұрын
Great tutorial thank you. I was hoping that the product category page could at least be set to have a dynamic title at the top by Product Category doesn't seem to be an option for dynamic content the way it is for say Post Category. Pity the designer who's building 50 different product category page templates.
@mrdarryk1
@mrdarryk1 3 жыл бұрын
For the People on Welfare? Filter By Price! Nice jab at the ones watching your videos. My neighbor is the one who told me about your channel, and he is laid off due to covid, and the only way to feed his kids right now is, well, of course, Welfare! Nice video though!
@ranahamza9984
@ranahamza9984 2 жыл бұрын
Thank you sir for this helpful video
@EUCitizenFedUpWithAllThisCrap
@EUCitizenFedUpWithAllThisCrap 3 жыл бұрын
Awesome video, most definitely worth a description.
@oliverosswald
@oliverosswald 4 жыл бұрын
Great! Exactly what I've been looking for! Thanks for sharing!
@martinrobertomejiachira9156
@martinrobertomejiachira9156 4 жыл бұрын
Really cool video, learn a lot in less than 25 minutes. Thanks.
@AdvanceWebSolutions
@AdvanceWebSolutions 4 жыл бұрын
Fantastic tutorial thank you, very well explained!
@darrelwilson
@darrelwilson 4 жыл бұрын
Thanks!
@MyFriendDrJeter
@MyFriendDrJeter 3 жыл бұрын
Thank you for sharing! Great video and super helpful!
@TinoushGTR
@TinoushGTR 3 жыл бұрын
Very helpful thanks.
@grandhiswathi1542
@grandhiswathi1542 4 жыл бұрын
It was easy to understand and helpful thank you so much
@Sammaweb
@Sammaweb 4 жыл бұрын
Gracias estimado! Muy útil el tutorial! Saludos desde Argentina...
@godfreyshope4252
@godfreyshope4252 2 жыл бұрын
Hello, great video! Is there a way to only show 12 products on the shop page but also allow the customer to click to the second and third pages?
@donovansfunworld
@donovansfunworld 3 жыл бұрын
You are amazing! This is extremely helpful. Thank you!!
@darrelwilson
@darrelwilson 3 жыл бұрын
You're so welcome!
@mariafrebuffi2407
@mariafrebuffi2407 3 жыл бұрын
I DIDI IT!!!!! THANK YOU!
@MrSatoV
@MrSatoV 3 жыл бұрын
Great video Darrel. I have a problem though. When you do anything on the sidebar it loads a different page. You address the fact that those pages don't have the styling you just made on the shop page, but what would prefer to do is have an all-Divi sidebar (or other solution) that loads stuff in the same page AJAX style. When the user comes to the shop page it initially has all products listed, and paginated. I'd like to make it so when they select a product category on the left, all other products on the right just disappear. Originally I tried to make a 3 section shop page where each of our 3 categories was shown in each section. Only one of the categories has enough products to cause pagination. When you change the page on that category the other two show a page not found message because they don't have a page two. That's baaaaaad. LOL Solution ideas?
@I-RO-SYS
@I-RO-SYS 4 жыл бұрын
Hi Darrel I followed your instruction, but Divi says, there is no post content modul. So I can´t work back on my page. What do I have to do?
@farzin9421
@farzin9421 3 жыл бұрын
Thank youuuuuuuuuuuuuuuuuuuuu
@RallyPointAlphaLLC
@RallyPointAlphaLLC 4 жыл бұрын
I've spoken with both Divi and Woocommerce regarding the product filters/search not working on the Divi shop module. It seems the WooCommerce Product Filters only work with the default WooCommerce Shop page created from a custom post type. They will not work with the Divi Shop Module at all. You'll have to build a custom shop page that doesn't use filters and then link to a page like the default shop page or product category page to be able to use those filters. If you want to build custom category or other pages that use the Divi Shop Module, make sure you don't need the filter functionality.
@RallyPointAlphaLLC
@RallyPointAlphaLLC 4 жыл бұрын
After speaking with the Elegant Themes support team (Divi) has been kind enough to create a feature request ticket for adding this functionality to the Divi Shop Module. Hopefully they get enough feedback to add it to a future release ; )
@TheAntipreneur
@TheAntipreneur 3 жыл бұрын
I got everything I needed from this walk through besides 1 tiny detail. At 15:40 your product shows PayPal buttons and mine doesn't. Should they be there?
@MusikSony
@MusikSony 3 жыл бұрын
Thx for this ! this is amazing.
@miriahenry1543
@miriahenry1543 4 жыл бұрын
Wow you video is so helpful thank you so much.
@Saint4_god
@Saint4_god 4 жыл бұрын
Hey, Darrel how do I create my custom cart, and checkout page?
@theophilecugnet7231
@theophilecugnet7231 3 жыл бұрын
Nice video ! I experienced a problem, when doing the same method on my site. The price filter in the sidebar appears but does not work. Would you have an idea where does it come from ?
@rwsauto
@rwsauto 4 жыл бұрын
Grazie, tutorial fantastico. Ho risolto il mio problema!
@billyhumble510
@billyhumble510 4 жыл бұрын
Hi Darrel great video as always. My only issue is how do you make a page with 20 products per page listed in a similar format to google images. Rather than just a row at a time. as well as adjusting the page number format search at the bottom of the page eg 1-4 pages. As you can probably tell I am very new to this. Thanks for your help
@harunrashid29384
@harunrashid29384 4 жыл бұрын
very good
@zeeshan2202
@zeeshan2202 3 жыл бұрын
High end shirt should select one category by itself by selecting from woocommerce category. we don't need to create specific template i think so?
@lantechbd
@lantechbd 3 жыл бұрын
Thank you!
@jamespaul3325
@jamespaul3325 2 жыл бұрын
Excellent Presentation. I have a couple of questions. (1) What is the difference between a SHOP page and a PRODUCT page? (2) In my website I will also have a SERVICES page. What do I have to use? A SHOP page or a Product page. Is there a woocommerce feature called SERVICES? Thank you. James
@Cagno0di
@Cagno0di 3 жыл бұрын
Very good video. Thank you. how i can hide the category?
@thesavvysquad
@thesavvysquad 4 жыл бұрын
This is awesome thanks for sharing! I didnt know woocomm offered default filters already. I noticed however, that the Price Filter was not working/filtering properly, any suggestions?
@QaiserIbrahim
@QaiserIbrahim 4 жыл бұрын
Price Filter is not working as video is shown please let me know if you have found the solution.
@thesavvysquad
@thesavvysquad 4 жыл бұрын
@@QaiserIbrahim Havent found a solution for this so i had to use a plugin. WOOF Filter plugin works with divi shop module :)
@dermacure9618
@dermacure9618 4 жыл бұрын
hi Darrel, how can I add that e shop page builder on the DIVI CHILD THEME? I can not see the divi theme builder with the child them Thank you
@TheLadyaec
@TheLadyaec 3 жыл бұрын
I don't see pagination. Does the sidebar filter actually work for the products block since it's the native shop pg then? Bc I can use any products block on any pg assigned shop but the filter won't be for the grid.
@yashkanani
@yashkanani 3 жыл бұрын
Thank you sir for giving the best tutorial. Can you teach us my account & login/registration page custom design using divi... Sir please make a on video on Account pages
@bothamediagroup
@bothamediagroup Жыл бұрын
Hi okay so I used some of the elements to create a custom product page and shop page all looks fine but the problem I have is that my shop page is only showing the set product amount of 16. I need to add the navigation section to the page so clients can go to the next page. I see that you don't have any information on that. Will you please tell us all what module or function we need to add to the shop page to enable this option as per woocom. normal navigation. Thank you
@santi_ai
@santi_ai 3 жыл бұрын
Thank you very much, but when you create a custom design for all categories, it shows the shop of all products. How can I make it show only the products of the affected category with a single design?
@cubantek
@cubantek 4 жыл бұрын
Thank you
@darrelwilson
@darrelwilson 4 жыл бұрын
thanks bro!
@matkich123
@matkich123 4 жыл бұрын
Very helpfull,ty man
@edc-everydaycarrymentalism9765
@edc-everydaycarrymentalism9765 Жыл бұрын
My product categories pages is showing the same products as the main shop page?? what is it not showing the producgts in the categories
@roxcastaneda
@roxcastaneda 3 жыл бұрын
how to install wordpress peru and woocommerce, both in spanish, directly into the hosting?
@robertgrskovic3586
@robertgrskovic3586 3 жыл бұрын
Hi Darrel excellent video can you please explain how to change a shop title on the shop page for divi ?
@mariafrebuffi2407
@mariafrebuffi2407 2 жыл бұрын
Hi, Darrel!!! Thanks for your time!!!! I was wondering if there's a chance to create like a catalog where costumers can "tick" the products they would by and then ask for a quote about them (like a pack of things they checked). Thanks again.
@nieuwbewustzijnschoolvan3d575
@nieuwbewustzijnschoolvan3d575 Жыл бұрын
can i link a product catagory to a normal page with the products?
@tonymcguire6004
@tonymcguire6004 4 жыл бұрын
Very nice, u pro 👍
@aleksandrinagenova8130
@aleksandrinagenova8130 4 жыл бұрын
Hello. I have 2 questions: 1. Is in it the website slower like that? Which plug in do you use for better performance? 2. Which plug-in do you suggest for profile user register/log in ? Thanks :)
@darrelwilson
@darrelwilson 4 жыл бұрын
I do have a video on the registration part ( but divi also has a module for this) and for slower websites, use wp-rocket ( it has tons fo features) and also WP smush to make images smaller but 15-20%
@kaliefman4355
@kaliefman4355 3 жыл бұрын
thank you, Auto subscribe!
@darrelwilson
@darrelwilson 3 жыл бұрын
Welcome!
@erikaltena9175
@erikaltena9175 2 жыл бұрын
Hi Darrel, thanks for this tutorial. I have one question left. The "+" sign on my article is not working. What I am doing wrong? Hopefully you can provide support on this questions. Greeting from the Netherlands!
@joannaf4984
@joannaf4984 3 жыл бұрын
Thank you so much for this! Can I ask you something (I've googled but can't find a solution!), how do you do it so when you filter by tag - click a relevant tag, the products show up in the shop on the same page, instead of opening a new page with all those products..... I really can't find how. If you know, please I would appreciate it! I want it like in your video. It doesn't open a new page.
@markanthonybanong1241
@markanthonybanong1241 2 жыл бұрын
I dont understand, why my "All Product Category Pages" changes doesnt take effect on my site
@mankann5481
@mankann5481 4 жыл бұрын
Hi mate it’s really great vedio 👌👌,thanks for your time . Product categories we can make sidebar left but when we open product the side bar is right side .. could you please help me how to fix this ??
@oscarblanco6260
@oscarblanco6260 3 жыл бұрын
Whenevr i search a product by category it does not work example: tops, bottoms etc. however if I type in the name of the product it works. what am i doing wrong?
@rhodao1364
@rhodao1364 3 жыл бұрын
Is there a way to add an "add to cart" button for each product?
@Semruk_The2headed
@Semruk_The2headed 2 жыл бұрын
"We cannot use the builder on this page" when you build your shop page thorugh the theme builder the scroll down effects or any animation is not working on mobile any solutions pls ?
@derekvaal
@derekvaal 3 жыл бұрын
how do you change the sizes of the images?
@ifamilaifamila9150
@ifamilaifamila9150 4 жыл бұрын
hello, how can I set up simple products into color filter? For example, products in 1 color, and the filter is not working. Simple products does not have color variation, how can i set the color for it?
@davidponce8073
@davidponce8073 Жыл бұрын
Thanks but if you do not add Add to cart button is not so useful
@vijeyparthasarathy
@vijeyparthasarathy 3 жыл бұрын
Hi Darrel, Which filter plugin are you using, I am unable to find one good plugin... please guide me
@matts9728
@matts9728 4 жыл бұрын
Where you type "PRODUCTS" at the top of each category, are we not able to use a dynamic text that auto fills whatever category you've selected? I just looked for it, but I can't seem to find that option, which seems odd.
@theartoflife6101
@theartoflife6101 3 жыл бұрын
Darrel i just loved it, i m a beginer to divi and that was awesome. But i don't know what i am doing wrong ( i press the save twice) it just doesn't show the graphics any idea? Thanks
@rubencanodiaz
@rubencanodiaz 4 жыл бұрын
category pages 16:00
@jamesr8635
@jamesr8635 4 жыл бұрын
Can I create a different page where to show all products from a specific category? I mean to have the permalink as /T-shirts/black-thirt. What I need to know is if it is going to show like a category page or a post page(all products on the same page). Not sure if I made myself understood. Thanks
@xcopter3568
@xcopter3568 4 жыл бұрын
What's different between Library and Theme Builder in function.
@arsene1180
@arsene1180 4 жыл бұрын
Hey bro, nice vid. I just have a problem, the products I've created in the backend doesn't appear when I create the shop module on the Divi Builder. Do I need to do something extras in the back end ?
@k0ax
@k0ax 4 жыл бұрын
Nice video! Could you tell me how to opacity the complete background on the shop site?
@samitchatterjee5026
@samitchatterjee5026 4 жыл бұрын
Awesome video. Please share video about how to prepare affiliate marketing page in web site.
@darrelwilson
@darrelwilson 4 жыл бұрын
coming in January!
@samitchatterjee5026
@samitchatterjee5026 4 жыл бұрын
@@darrelwilson That's great.😀
@lodrickthomas5230
@lodrickthomas5230 4 жыл бұрын
Good video thanks!... do ali dropship or prinful POD website with divi...in your next videos!
@darrelwilson
@darrelwilson 4 жыл бұрын
its coming in a few days!
@kokivoravongseng7789
@kokivoravongseng7789 4 жыл бұрын
Thank you for your video. I am trying to build a page like Quickview a product for a shop page and when clicking the product on the shop page, the window will detail the product page will pop up and the order can be made. so a visit doesn't have to leave the shop page. Did you have suggestions? Can we do that in Divi?
@healtfit2643
@healtfit2643 3 жыл бұрын
Hello, what size can you recomended for the images in an woocommerce store desing with divi?
@simonmaquilon
@simonmaquilon 4 жыл бұрын
Hey Darrel, so... Elementor or Divi for E-commerce websites?, which is your favorite?
@claudio_sergiacomo
@claudio_sergiacomo 4 жыл бұрын
Hello Darrel, thanks so much for your videos and layout templates... I'm using one the templates you showed up here and I did follow the instructions about the side bar and I can't remove the discount cupon you have in the templaye even though there is no image widget in the side bar... also when I add the filter by price widget it doesn't appear with the slider... just the filter button and the price range but can't adjust it cause there is no bar. Any thoughts on these 2 issues?
@sergiocq
@sergiocq 4 жыл бұрын
same question
@israelfontaine5656
@israelfontaine5656 4 жыл бұрын
Indeed, sidebard filters are not working with DIVI theme builder or shop module. They only work with default Woocommerce template I fear.
@modernTeresa3
@modernTeresa3 2 жыл бұрын
same here, I hope somebody could respond us :C
@studio47designer61
@studio47designer61 4 жыл бұрын
Merci
@gerardochevez2438
@gerardochevez2438 2 жыл бұрын
i dont see the shop options
@connorsmith1896
@connorsmith1896 4 жыл бұрын
The filter by price sidebar widget doesn't work when it's set up this way.
@darrelwilson
@darrelwilson 4 жыл бұрын
I noticed that too. I’ll let them know, I think this can be fixed in an update
@roshanlee1967
@roshanlee1967 3 жыл бұрын
hello Darrel, Thank you for this tutorial! I learned a lot from your videos. How can we design a custom page for "All tags"? There is no tag option in the shop module.
@lucassempe2287
@lucassempe2287 4 жыл бұрын
Hi! I have a question, how can it be done so that clicking on the product page will take you to the beginning of the catalog? Because by default it leaves you at the back of the store.
@avichalsingh1253
@avichalsingh1253 3 жыл бұрын
How to make it mobile friendly?
@jarrydpaton6043
@jarrydpaton6043 4 жыл бұрын
Would be good if the Filter By Price actually worked.
@francoisbester8160
@francoisbester8160 4 жыл бұрын
Hi Darrel how do i get a next page option below my shop page? I have too many items on my shop page to have one page
@ravishkumarverma336
@ravishkumarverma336 3 жыл бұрын
Darrel....please help....😭 I have created a shop page on divi...using side bar on left side and shop module on right side..... I have customized side bar to show product categories. Now if I click on any particular category.... products in that category should be displayed (like any standard website shop page)....but its not working on my page....please guide me....i need help very badly
@CarlosKrisGerlach
@CarlosKrisGerlach 4 жыл бұрын
i'm going crazy looking for a professional product filter and it works with divi builder and woocommerce. I didn't see any tutorial from you about it. Do you know any?
@muhammadenhamurrehman7073
@muhammadenhamurrehman7073 3 жыл бұрын
how to design custom cart page and check out page please make video on it
@darrelwilson
@darrelwilson 3 жыл бұрын
im in the process of this, but you can edit each page with the divi builder in the meantime
@AnneLotteMolenaar
@AnneLotteMolenaar 4 жыл бұрын
I love this video! It is all really clear except for one thing. How do I get the lay-out for the actual shop page on my website? I downloaded and tried to upload and see nothing!
@darrelwilson
@darrelwilson 4 жыл бұрын
yeah there is a small error, if you delete the top row after up upload it, it will appear
@AnneLotteMolenaar
@AnneLotteMolenaar 4 жыл бұрын
Darrel Wilson thank you so much! Will try that later!
@AnneLotteMolenaar
@AnneLotteMolenaar 4 жыл бұрын
@@darrelwilson so far when I upload it, it doesn't show anything. Will keep trying. If I delete the top row it deletes all.
@sbut19
@sbut19 3 жыл бұрын
hey darrel- I saw how you changed the heading and body text in typography but how do you change the price size?
@darrelwilson
@darrelwilson 3 жыл бұрын
its in the options while you are customizing the module :)
@alexabot6387
@alexabot6387 3 жыл бұрын
Hi Darrel! Great video! Could you tell me how to import the .json files of the pre-designed templates? I downloaded them from your website, but I don't know how to import them into Divi. From Divi-Library-Import it gives me an error. Thanks!
@AhmadAhmad-eb9rk
@AhmadAhmad-eb9rk 4 жыл бұрын
Great
@alben41
@alben41 4 жыл бұрын
HI Darrel I really apreciated this video and the one 3h hours long. It really helped me Thanks a lot ! I have one question please Darrel. I would like to insert the short description on the shop page, under each picture. Is that possible ? Name - Price - Short description or module text. That's all. I also would like to have a button next to my products to add products in the cart without openining the all product information and so visitors would not have to go back to the shop page each time they select a product. Can you help me on that please Darrel ? Thanks again. You did a grea job !
@rhodao1364
@rhodao1364 3 жыл бұрын
Hey did you find a way to add the "add to cart" action button?
@perker4everful
@perker4everful 3 жыл бұрын
Is there anyway to contact you, i have a big issue. When I edit the Specific product pages, it doesn't apply any of my editing in the real page, i can only see my edits in the editor page...
@jamesr8635
@jamesr8635 4 жыл бұрын
Can I do this in flatsome?
@darrelwilson
@darrelwilson 4 жыл бұрын
Yeah you can tutorial next month on it
@lolitabonita08
@lolitabonita08 4 жыл бұрын
Answer please!! How do i link the web site to ebay ???
@darrelwilson
@darrelwilson 4 жыл бұрын
just instal woocommerce auctions
How to make a custom shop page with Divi Theme | WooCommerce Tutorial
28:26
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 28 МЛН
If Barbie came to life! 💝
00:37
Meow-some! Reacts
Рет қаралды 62 МЛН
How to Create E-Commerce Site in 2024 | using FREE Theme
20:58
Website Learners
Рет қаралды 66 М.
The New Divi Theme Marketplace Is Pretty Awesome
13:53
Darrel Wilson
Рет қаралды 9 М.
How to Keep Columns on Mobile in Divi
11:20
Josh Hall
Рет қаралды 100 М.
Divi Theme Header Design Tutorial | Create A Custom Header
43:47
Ferdy․com Korpershoek | WordPress Tutorials
Рет қаралды 122 М.
How to make a blog on Divi
13:49
SiteKrafter
Рет қаралды 37 М.
Create A Custom Woocommerce Shop Page With The Divi Theme
13:02
System 22 Web Design | Divi Theme Elementor WP
Рет қаралды 2,3 М.
How to Create a Custom Global Header with Divi’s Theme Builder
12:28
Elegant Themes
Рет қаралды 138 М.
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 28 МЛН