Custom WooCommerce Shop Page (Elementor Free Version)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 135

  • @gehirnstaub8234
    @gehirnstaub8234 3 ปีที่แล้ว +9

    Thanks for the video! Finally a video that doesn't promote the pro version from any builder. I mean I'm building my own store and I don't even know if I'm gonna be successfull. One reason why I don't want to spent another 50$+ for nothing.

  • @DanielC01000100
    @DanielC01000100 3 ปีที่แล้ว

    It's probably answered in some of your other videos but ¿how do you control what products are shown in the new elements? ¿And how do you make it to show categories? ¿Is it automatically linked to the products and categories defined in woocomerce?

  • @wattsrl
    @wattsrl 3 ปีที่แล้ว +11

    Thank you! After an hour of frustration, found this and was done in 2 minutes!

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +3

      Glad it helped!

    • @AudraCarpenter
      @AudraCarpenter 3 ปีที่แล้ว

      @@IdeaSpot Yep! Same here. Couldn't find a good plugin that would fix the shop page. Glad I stumbled onto your video.

  • @HcxLP
    @HcxLP 37 นาทีที่ผ่านมา

    I see Woo product grid and the box only says "no posts found!"

  • @tellyourstoryproduction257
    @tellyourstoryproduction257 3 ปีที่แล้ว +4

    great tutorial - one step missing ...I guess that one has to install the basic woo-commerce plugin 1st with the products before using product grid in elementor addon - Thx!!

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +1

      I made a basic setup video here: th-cam.com/video/1DmZ3cKbrGk/w-d-xo.html maybe try this one first 👍

    • @tinaforrestel6500
      @tinaforrestel6500 3 ปีที่แล้ว +2

      Thank you. I was having this same problem. I didn't see any grid when I dragged it into my box.

    • @mrshane963
      @mrshane963 3 ปีที่แล้ว

      @@tinaforrestel6500 I have this same issue how did you fix?

  • @darrenrobinson5495
    @darrenrobinson5495 4 ปีที่แล้ว +4

    Great video. You don’t need the redirection plugin, you could just go to Woocommerce settings and set the page you created to be the Woocommerce shop page.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Thanks for the tip! I did try it but this seems to insert woocommerce archive-product.php into our page we built in Elementor (messing up our design...) is there an easy work around for that? I guess we could override it in a child theme perhaps but I wanted to keep this as beginner friendly as i could...

    • @greatideas4820
      @greatideas4820 4 ปีที่แล้ว

      The video is great, sir tell us more details.

    • @artdepart729
      @artdepart729 4 ปีที่แล้ว

      yes that's what i did but was reading the comments to see if anyone else had done the same!

  • @rogenmunyaradzichitongo3442
    @rogenmunyaradzichitongo3442 4 ปีที่แล้ว +5

    Thanks man, this is the best tutorial l have watched so far on this topic.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Thanks! I wanted to make this video for a while, hope it will help a lot of people trying to make a store using free tools.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      cool :) hope the store goes well for you!

  • @Glennerb
    @Glennerb ปีที่แล้ว

    I noticed that you premade your page with pictures already set everything so that when you created the page in Elementor it imported those pictures. I got a blank picture and it wont let me change it. I only want to add a merchandise page to my existing website and every one of the videos I've watched changes the theme for the entire website.

  • @mralexodd
    @mralexodd 2 ปีที่แล้ว

    Not worked. Any reason why? Added the plug-in and still won’t let me edit in elementor. Is there anything else I need to do? The exiting page was created using the template I chose. Brandstore within Astra?

  • @officialthinknue1121
    @officialthinknue1121 4 ปีที่แล้ว +2

    To anyone watching this. This method works! I was working on this for a client and could not figure out how to design the shop page until I found this video.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Thanks! great to hear - I think my other video using WooLentor is a bit of a 'cleaner' method - and obviously using Elementor pro would be best, but for sure this method can get people out of a jam, thats why I made it :D

  • @buybestonlineindia-bbo4494
    @buybestonlineindia-bbo4494 3 ปีที่แล้ว

    Seems to not work if you want your Store to be categories rather than products. Both store page and product category page redirect to same page. Can you help us with that.

  • @AmitDey-bv8vb
    @AmitDey-bv8vb 3 ปีที่แล้ว

    Can you please tell me why its not working for me? Still the same error you showed in your video..

  • @ushirshah
    @ushirshah 3 ปีที่แล้ว

    This won’t work if you need filters on your product page... right?

  • @russelmason8841
    @russelmason8841 3 ปีที่แล้ว +1

    Hi, I love your content; it inspires me to do a lot of work, even building my own webpage. I have a question. I have a webpage that I use for consultancy; however, I want to also sell books. When my customers/clients click on "shop" in the header, I would like to take them to another page with my store. I have tried to create and embed a woo-commerce page without success. Can you assist me with a video like that or any advice? Thank you. Keep up the good work

  • @davideichhorn4562
    @davideichhorn4562 3 ปีที่แล้ว +1

    Hi there, thanks for your tutorial. Is there any possibility to add a message on top of the site when a user added a product to the cart?

  • @MrFranksterling
    @MrFranksterling 3 ปีที่แล้ว +1

    Thanks for the video! Is there a way to configure a single product page?

  • @2PMisTimeless
    @2PMisTimeless 3 ปีที่แล้ว +1

    I have a question: should I go for Divi pro version or the free version of elementor (never pro, too expensive and I'm started)? I worry this method from the video will make it just more bloated. Isn't it better to just use the Divi pro then ? Although I read Divi is also bloated

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Divi is pretty fast these days, there was a big performance update in mid 2019, but prior to that it was a little slower.
      I don’t think this method is much slower than elementor pro tbh.
      If you really want a fast free option you could check my recent kadence Woocommerce video, just the page builder isn’t as easy as elementor or divi but it’s fast and free

  • @mahdifneish1843
    @mahdifneish1843 3 ปีที่แล้ว

    I guess they removed this grid, any alternative options?

  • @gabrielarutjunjan8221
    @gabrielarutjunjan8221 ปีที่แล้ว

    what should i do if i do not have "edit with elementor" buttom on the top?

  • @jasonnolan7512
    @jasonnolan7512 หลายเดือนก่อน

    Excellent tutorial, thank you 🙏

  • @Popcorncandy09
    @Popcorncandy09 ปีที่แล้ว

    Mine doesn't find my products, it defaults to posts.

  • @Nasimkhan-nr7ll
    @Nasimkhan-nr7ll 4 ปีที่แล้ว +2

    even after installing that plugin, i cant edit shop page with elementor

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Hi Nasim, true - this method works by building another page and redirecting the shop to the page we built.
      I have another method here: th-cam.com/video/JABZIx6wNv0/w-d-xo.html
      which I actually prefer - it uses the free WooLentor plugin

    • @ebikarim
      @ebikarim 4 ปีที่แล้ว

      True, I can't edit the page either...

  • @markreid383
    @markreid383 3 ปีที่แล้ว +1

    I love your videos. Very helpful. The only problem I am having with this one is that, when I drop in the "product grid" widget from Elementor Add Ons, it aligns the products vertically (and take up the entire width of the screen) even though I have it set to 4 "columns." I can't seem to fix this. Anyone have any suggestions? Thanks.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +1

      Hi mark, maybe your theme has a column setting which is conflicting - check the customizer (appearance > customize) from the dashboard and check the woocommerce settings

  • @Jexi365
    @Jexi365 ปีที่แล้ว

    product grid isn't free anymore. huge rip

  • @martinlamberti4394
    @martinlamberti4394 ปีที่แล้ว

    Thanks you it was very very very useful

  • @ramirogigena6132
    @ramirogigena6132 3 ปีที่แล้ว

    i cant change the product and the price! Help!!

  • @masonfasco
    @masonfasco 3 ปีที่แล้ว

    The Product Grid no longer appears

  • @moussafall4992
    @moussafall4992 ปีที่แล้ว

    it's very helpfull, thans !

  • @andreainks1430
    @andreainks1430 2 ปีที่แล้ว

    I am not understanding what you mean about redirection. I edited the shop page from woo comerce and make it a product page so not sure why there needs to be a redirection as I am able to improve the shop page with your instructions.

    • @blakelewis5204
      @blakelewis5204 ปีที่แล้ว

      When you try to edit directly with elementor it wont work. Editing with woocommerce is not the same thing.

  • @kokgampang9611
    @kokgampang9611 3 ปีที่แล้ว

    Thx bro , work for my wordpress

  • @tarar579
    @tarar579 3 ปีที่แล้ว

    Can someone PLEASE help me...... I've redirected my shop page so it looks much better but now when I look up a product via catagories those products are still in the original format .... helllllp

  • @ChrisN-yk9vr
    @ChrisN-yk9vr ปีที่แล้ว

    This is exactly what I was looking for. Thanks for this video man!
    Question for anyone using this plugin: Is there a way to add all the products on a page? Additionally, is there a way to add like a side menu with filters for the different product categories?

  • @ffrdesigners
    @ffrdesigners 3 ปีที่แล้ว

    i am facing this issue (Preview Could Not Be Loaded’ Error) only in shop page when i try to edit shop page in elementor. All other pages are fine. How Can fix this issue
    This issue happened when i was trying add widget in shop page now it shwoing error only in shop page i want to add widget and edit header of shop

  • @BarryBranton
    @BarryBranton 4 ปีที่แล้ว

    Music in the background is distracting, and I can't really hear you that well. Please lose the music.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Thanks for the feedback Barry, i'm actually working on a new method for this shop/product page buidling - so I'll do that one without music

  • @tomtaox4
    @tomtaox4 3 ปีที่แล้ว

    Thank you, really help me.
    One issue I have, how can I add a sidebar to this page?
    I manged to do the same for my blog page with the main sidebar....but I don't know how to add a woocom sidebar

  • @lifelemonswhenlifegivesule9209
    @lifelemonswhenlifegivesule9209 3 ปีที่แล้ว

    Thanks for the video. When I slide the product grid icon, it only releases 1 product box. What is the solution?

  • @nicoleneethling60
    @nicoleneethling60 2 ปีที่แล้ว

    So very easy to follow. Thanks for the tips. Looking forward to your other videos!
    Quick question. Did the news products page made in elementor, link up with woocommerce automatically? Ie. The add to cart... Buttons?

  • @josephinefaulk1280
    @josephinefaulk1280 2 ปีที่แล้ว

    This was a genius work around. Thank you so much. I'm an artist and uber picky about design. Woocommerce's design offerings are not even close to what I had in mind. This saved the day. One question--although it all had a happy ending on my laptop. It isn't redirecting on my phone. Any ideas what that might be about and how to fix it? Please!

  • @cauxxx2454
    @cauxxx2454 4 ปีที่แล้ว +1

    You created another page and redirected xD That's the spirit ! Thank you for the idea ! P.S. Same method can be used to products page

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +2

      Yes its a simple way but not the cleanest :D I have another method I like a bit better in this video: th-cam.com/video/JABZIx6wNv0/w-d-xo.html

  • @462katie
    @462katie 3 ปีที่แล้ว

    Trying this now but when changing the number of columns it just changes the number of products listed in the column. I can't get more than 2 columns. Anyone know how I can fix this, please?

  • @KBlakK
    @KBlakK ปีที่แล้ว

    How great was this tutorial? Outstanding! I was able to make a very happy client a nice web site practically free. It took more labor, but the price point was critical for them at the time. Thanks for the knowledge. I never would have guessed we could add elements in Elementor free and Woocommerce without upgrading.

  • @happy1025
    @happy1025 3 ปีที่แล้ว

    I *really really* want this to work...you make it look so easy.
    1) I'm still getting the error message when I try to "edit with Elementor", but I don't see another option to edit my pages after adding the Essentials Add-on.
    2) I went through the process of adding a 'product' page and added my products, got them all set the way I wanted. Went to save the draft (because I needed to stop for a bit), and keep getting Error 403. When I add different element (like an accordion or something), it works and saves the draft. But not with a product grid.
    Total novice here with a site that was built by someone else and dumped on me. :P Any help?

  • @Wanheda1
    @Wanheda1 3 ปีที่แล้ว

    Bro I just tried it but my cart isn't updating can you help me out

  • @trainsbuseshostels
    @trainsbuseshostels 3 ปีที่แล้ว

    Awesome I couldn't get more than 4 products displaying and this helped me solve that. Now I would like to change the display order of products. Any suggestions on how to do that without purchasing a plug-in. Thanks

  • @sandynash4226
    @sandynash4226 3 ปีที่แล้ว

    Hi, would this also work with Ocean WP? And what will adding woo commerce plug-in do to the pages ive already created? Thanks from a newbie.

  • @arshadashraf5860
    @arshadashraf5860 3 ปีที่แล้ว

    Thank you.. Can you tell me how to redirect to this page from a product category link

  • @vibingwithstephy
    @vibingwithstephy 3 ปีที่แล้ว

    Hi, just to be clear you cannot use this on your regular store page, you will need to create a new page? I am getting the same error after installing the plugin.

  • @iahmed92
    @iahmed92 3 ปีที่แล้ว

    Why using redirection ? Can we not set custom shop page in woocommerce setting?

  • @tinaforrestel6500
    @tinaforrestel6500 3 ปีที่แล้ว

    I was trying to add the product grid and it won't load. It says "blog not found". How can I get it to load?

  • @mohamedel-toukhi4093
    @mohamedel-toukhi4093 3 ปีที่แล้ว

    Thanks 😊
    Kindly explain how to use the filter by price widget

  • @Leenis13
    @Leenis13 2 ปีที่แล้ว

    Dude thank you so much, this is legit info! Helped me after an hour of frustrations!

  • @lauracarver6188
    @lauracarver6188 3 ปีที่แล้ว

    Thank you! But do I delete the original shop page after redirect? Thanks

  • @1970MySharona
    @1970MySharona 3 ปีที่แล้ว

    Thank you! So good. Is it possible to show shop categories using this method?

  • @Websitecorner
    @Websitecorner 10 หลายเดือนก่อน

    redirection part was really helpful, thanks

  • @bestdesigns9122
    @bestdesigns9122 8 หลายเดือนก่อน

    This is exactly what I was looking for. Thanks a lot ❤

  • @Phant0m1rg7
    @Phant0m1rg7 3 ปีที่แล้ว

    Is it possible to add sorting widget on the top of the products

  • @neurop0d
    @neurop0d 3 ปีที่แล้ว

    Really helpful video. Is there any way to get the product gallery images to also show in this view? I'm using the "List" layout and I think it would be much more elegant if users could see every photo from this page.

  • @alexanderfoster878
    @alexanderfoster878 3 ปีที่แล้ว

    how to make this the default woocommerce web page

  • @mahedihassanratul5418
    @mahedihassanratul5418 4 ปีที่แล้ว +1

    Thanks man !

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Happy to help

  • @anisahsajidahsaud1327
    @anisahsajidahsaud1327 4 ปีที่แล้ว

    Hi filter products by price at side bar of my new page is not showing. However at wc page is showing. Please avice.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi, this method doesn't include the products filter - probably better to look at WooLentor or Elementor Pro and see which one you prefer for doing this.

  • @ddrci88
    @ddrci88 4 ปีที่แล้ว

    Thanks very good content ! I create general store and I’m trying to do landing page for every product so basically I need to change product layout but I want to add custom text custom image custom video to my product page so I belive I need to add woocommerce product addons plugin but I search online it does not cover video , do you know how can I add custom video custom image to product page ? For example when I create a new product I want to add addons to text input image input video input then use them all product landing page , it’s little complex ? You can advices me premium plugin no problem thanks a lot !

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Elementor pro could be nice way to build custom product templates, or possibly look at Cartflows too

  • @mary57730
    @mary57730 4 ปีที่แล้ว

    Hey thankyou for this video. Can you please tell me how can we add wishlist icon with yithwoocommerce plugin on the products which you displayed using essential addons? Like on hovering on these product we should have that wishlist heart icon... please reply

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      I haven’t tested that actually - not sure if it would work 🤔

  • @imadraza3861
    @imadraza3861 4 ปีที่แล้ว

    Im trying to use this to redirect from the default shop page but the difference is that i go to the products page through a search filter so even if i redirect it to the new page, it doesn't work. Can someone help me

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi this method won’t work for your situation - maybe try the other method I posted here: th-cam.com/video/JABZIx6wNv0/w-d-xo.html

  • @bankvideo1
    @bankvideo1 3 ปีที่แล้ว

    I can't see my cart icon on top of the menu

  • @Andrei-ds8qv
    @Andrei-ds8qv 3 ปีที่แล้ว

    Very nice man!, thanks!

  • @institutchrysopee4364
    @institutchrysopee4364 2 ปีที่แล้ว

    Perfect ! Thank you !

  • @kennycheung5187
    @kennycheung5187 3 ปีที่แล้ว

    amazing. Thx so much.

  • @snowyclub3400
    @snowyclub3400 4 ปีที่แล้ว

    Great. What is the pluging name for this? Or does it come free with elementor?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Hi, its 'essential addons for elementor' - free version :)

  • @lafemmelingeries3318
    @lafemmelingeries3318 3 ปีที่แล้ว

    Big thannnnnnnnks!! Free version unbelievable!!! Thank you BRO

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      You're welcome!

  • @taekwonshanks
    @taekwonshanks 4 ปีที่แล้ว

    great work. Cheers Pal. I found this option better than the Pro version.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Thanks Scott, welcome to the channel. Glad it helped! Figuring out the best way to do this is something I've been working on for a few days - I'll make another alternative method soon too.

  • @brettpretorius3495
    @brettpretorius3495 2 ปีที่แล้ว

    Thanks this helped!

  • @monicadebiase7719
    @monicadebiase7719 4 ปีที่แล้ว

    Great tutorial! Is it possible to somehow link the grid to product description pages instead of add to cart?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi, good question, it's possible but I would use a different method to do this > th-cam.com/video/JABZIx6wNv0/w-d-xo.html

  • @adlenemarsita2637
    @adlenemarsita2637 3 ปีที่แล้ว

    Thank you so much :)

  • @S_A_84
    @S_A_84 3 ปีที่แล้ว

    Great tutorial. Can we do this for single product page also?

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      It would be better to try this method here: th-cam.com/video/JABZIx6wNv0/w-d-xo.html

  • @ganiyusalawu3886
    @ganiyusalawu3886 3 ปีที่แล้ว

    Thank you. This was so helpful

  • @rase306
    @rase306 3 ปีที่แล้ว

    Fantastic video

  • @artdepart729
    @artdepart729 4 ปีที่แล้ว

    You Genius, just what i was looking for and presented beautifully - subscribed

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Awesome, thank you!

  • @yapwaikit92
    @yapwaikit92 3 ปีที่แล้ว

    You're a life-saver!

  • @HilalKhan-rq6bh
    @HilalKhan-rq6bh 4 ปีที่แล้ว

    What about categories, if I add product categories list on my page and when I click is goes to the original shop page , can you please help me,

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Hi, sorry for the late reply! I don't think it's possible with this method sorry :( You'll need to edit the shop template, so either Elementor Pro, or Woolentor (I made a video here: th-cam.com/video/JABZIx6wNv0/w-d-xo.html )

    • @HilalKhan-rq6bh
      @HilalKhan-rq6bh 4 ปีที่แล้ว

      @@IdeaSpot appreciated

  • @Arramasta
    @Arramasta 4 ปีที่แล้ว

    the more plugins the less speed on the site correct ?
    Can i design the page using the Elementor Kit ? and then remove it ?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      These type of plugins don't really have a signifcant performance hit. For reference, here are the ones to avoid in particular re: speed onlinemediamasters.com/slow-wordpress-plugins/
      If you remove the elementor addons they wont work anymore, but you'll notice that in the essential addons plugin there is a way to enable/disable specific elements based on what you need.

    • @Arramasta
      @Arramasta 4 ปีที่แล้ว

      @@IdeaSpot thanks man

  • @Ronaldo_goatHP
    @Ronaldo_goatHP 4 ปีที่แล้ว

    Very very very useful thank you X

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      You’re welcome 😊 hope your shop is working well!

  • @soniaple5949
    @soniaple5949 4 ปีที่แล้ว

    Thank you 😊 this tutorial help me a lot 😊

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      You're welcome 😊 glad to help

  • @weightloseexpert3287
    @weightloseexpert3287 4 ปีที่แล้ว

    Hi; thanks for this helpful video. Can we use edit product page with Elementor?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +2

      Yes, absolutely - my newest video comes out in a few minutes and it covers this :D

    • @weightloseexpert3287
      @weightloseexpert3287 4 ปีที่แล้ว

      @@IdeaSpot such a good news. Thanks!

  • @albalive9947
    @albalive9947 4 ปีที่แล้ว

    Thank you. This was so helpful

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Glad it was helpful!

  • @abbottabadbeauty3669
    @abbottabadbeauty3669 4 ปีที่แล้ว

    Thank you very much man

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      You're welcome!

  • @universaltradeservices5700
    @universaltradeservices5700 3 ปีที่แล้ว

    Thanks, Brother.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      No worries!

  • @aLeX-hj5sx
    @aLeX-hj5sx 3 ปีที่แล้ว

    Thanks broo

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      No problem :D

  • @AmarBornReady
    @AmarBornReady 4 ปีที่แล้ว

    thanks bro

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Any time :D

  • @victorufot1424
    @victorufot1424 3 ปีที่แล้ว

    Thanks 😁

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      No problem 😊

  • @fawadshahzad3382
    @fawadshahzad3382 4 ปีที่แล้ว

    you earned a new subscriber

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      thank you sir 🙏