Customize Product Category Pages For WooCommerce Using Elementor
Вставка
- Опубліковано 19 лип 2024
- Learn how to create your product category pages on Elementor.
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a
I cant find the plugin
It's called something else now. It's called coDesigner
It is called ShopLentor now
@@pamlapillay606 thank you sooo much ive been waiting for someone to comment ! Blessings!
@@pamlapillay606 I thought so too its called coDesigner.
I don't get it.. You're creating static pages for each category but how do you make the category url point to that page? Because mine is just redirecting to the default woocommerce shop page with the relevant category filter.
no response ?
exactly, you dont need woolentor to create an archive page with elementor. For customize archive pages you need something like jetwoobuilder
@@RufusCubano
I've been trying to work out setting up the categories for 3 days, after watching several videos to no avail, you have showed me the light. Top man. Thank you!
Thanks man! You're the reason I make these videos haha.
@@UrielSotobut how can add these pages in main menu text button
Thats a static page containing a static product category filter. You can do that using plain elementor+woocommerce. I dont see the point in creating 8 category pages and then change all 8 if something bothers me.
I generally do not leave comments at all because there are at least 100 easily found videos on any given subject. But, I was close to tears when I found your video and I am 9 minutes in to it and had to stop to leave a positive comment!!! You rock dude!!! Well done!!!
You're welcome! That's exactly why I make my videos.
You saved me so many hours with this tutorial I am following and subscribing! Thank you so much!
This is my first time commenting on a tutorial video.
You have done an amazing job, you saved me a lot of time.
Thank you so much
Keep up the good work my friend
Thanks man. Glad i could help!
Thanks a lot for the plugin man ! Was confused today, your video really helped me
BRO I FIN MY SELF REALLY CANT JUST WATCH THE VEDIO AN DONT SAY SOMETHING,,,I AM REALLY APPRECIATE HOW YOU MAKE IT SO EASY AND PROFFSIONAL IN DETAILS STEP BY STEP,,I AM PRETTY SURE YOU HELPED HUNDREDS STRUGGLING IN THIS VERY CRITICAL PART IN THE WHOLE PROCESS I GUES..THANKS SO MUCH..KEEP UP GOOD WORK AND GOD BLESS YOU SINCE YOU MAKE PPL LIFE EASIER..
Thanks for the video. Found it very helpful!! Some of the menus had changed but still relevant.
That was really helpful dear. I was trying to make such arrangement. Best video on this topic. Wish you all the best.
Thank you. This is exactly what I have been looking for.
Awesome! I have some categories with 100+ items. Huge time saver!
Thanks a lot Uri, that was very helpful lesson for me to do category issue for my page.
I have been spinning around myself like a chicken wants to make eggs four days trying to make this work, I can't thank you enough man, I'm not chicken anymore lol
oh great.. thanks a lot... was searching for this very long... helped a lot... you just got a new subscriber and fan.. nice channel by the way, very focused content.. love it..
Thank you and welcome to my channel :)
I always watch full ads for supporting you a little bit. I hope you always continue these series. Love from Bangladesh
Yes I will. thanks man :)
Bro! This was really helpful. Thank You So Much :)
This was very helpful thank you! I really wish they would let us duplicate the page to create less work, but all in all, this was very easy to understand. I was looking for an hour for a video with this concept. Thank you again!
Is product filter can apply on any product page????
@@thrifterspoint1002 i thnk yes you just need to use short code
Same question this guy is nice but he didn't teach the point in search of that I came here
Hi! I have created the category pages, but I am unable to link the product category pages to Product categories as generated by the theme. Any help will be highly appreciated
Hey, If I correctly understood, do you want a similar template for all the categories? if yes then instead of creating a page and editing with elementor, you need to create template with elementor, there is sub menu just below elementor menu in your wp-admin dashboard
I also have the same problem if u have any idea please let me know شكراً رشاد
Brilliant explanation. Thank you very much
Hi You really saved may life (and the end of my project ! :) Many many thanks !
just what I was looking for, thanks man :-)
Great! Is it a way to use query or short code to make just on page that applies to each product category?
Thank you very much! It's working.
Thank you for this great tutorial!
Great tutorial. Thank you too much.
Thank you very much. Please I have one question, how can one add 2 rows on the mobile responsive website?
This was awesome! So helpful! Thank you! I was wondering if there is a way to add the filter and default sorting that woo shop pages have?
Two doubts: What do happen to Woocommerce regular categories pages? And how URL looks like? Thanks.
i've done this but the breadcrumb when i click on my product still links back to my old product page is there any fix?
amazing bro i was looking for the same love you
Thank you very much sir,the video was very helpful 😊
Hi, Can we change the image sizes? I would like to make product images bigger.
hey thanks for the video
I have done everything but when in website I choose the categories the default WooCommerce category shows up instead of my new one?
thanks
Thank you for such an informative video. My only question is how do I link my product category page to my menu?
This was very helpful thank you! I
ok so here is my question, i have a sop, with multiple categories, i made a new page for each categories, on my main menu there is a drop down box for each category. how do i link the new pages to this menu so that when someone clicks on it it links to the new pages i just created?
thanks very much that was really helpful
Very helpful - thank you
Thank you so much you helped me alot
Great Tutorial. Only one query. I am using "Tab" option in Layout Settings to display all subcategories. How to display "ALL" products initiallly? It only displays 1st Tab option's products only.
What should I do if I have subcategories? I mean, I've created a category page and I've made a kind of menu with the subcategories. I want to click the subcategories and just change the products displayed, not the whole page url. I don't really know how to do this so, can u help me? Thanks in advance!
This is great, but I have a question to ask. I have already created a category, and now by following your method, I will have to create a new category with a different URL. I now have the same category with two different URLs. What to do? Sorry for my English, I am not a native speaker
Hi, thanks so much
Kindly explain how to use the filter by price widget in a side bar
How to connect it then as the page result when they click on a category in the store? Because the default woocommerce is still showing.
How can i take out that basic background image header stuff? I have it on every category and i can't use elementor in there. . .
hi any idea to put in default filter from woocommerce?
How do I display 2 product columns in mobile mode? Is there any code for it
Is there any way to display two-column of the products on the mobile phone for categories?
Hi Uriel.
I have that problem that when I have done excactly like you told. the page comming up is not in that design i choosed. Can you tell by the way what I might have done wrong. I have been building websites in wordpress for years but i am all that new to woocommerce, woolentor and elementor. Can you help me?
In my single producpage (made under "pages") The thumnails and breadcrumbs leads me to a wrong page?
PS: I am no good to editing at html ;)
How do I add product filters on the custom category page?
Very informative
Thank you, again!
Hi, question: I think this will solve my problem? I have Woocommerce, free Elementor and use Astra theme for my website. I have 3 categories of things I want to sell. I discovered that I cannot sort them into categories on the shop page. It just adds them in a mixed up way. I cannot customize on Astra theme, the links don't work and I think it wants me to buy Astra paid for version? I really want to have categories on the shop page to make everything look tidy and professional. So if I follow this tutorial, I have 3 pages - 1 for each category how does that affect the existing shop page? I'd really appreciate some help, I'm guessing I'm not the only one - I saw similar question on another expert's tutorial! Thank you hopefully!
It shouldn't affect your shop page. Your creating static pages for each product category. You may also want to look into the Kadence theme. They have some great e-commerce options..
Thank You Very Much
Nice one,thanx
Hi there, thank you for your tutorial it was very helpful. I have created a category page, but I'm not sure how to link it with my woocommerce shop. I have my shop page with all the categories showing, then I have created pages linked to those categories previously, but I don't know how to link the new page I have created to the category. Any help would be appreciated. Thank you
The same thing, he is just designing pages with elementor nothing new tbh
Hi, This is a great tutorial and solved my problem. But can you show us how we can add filters in this individual category pages and the filter has to be done for the same category?
Same issue.
Thank you.
When do I use % and when do I use PX?
cant even find this WL Universal Product Layout button is there a way to get this? I have elementor pro and also WooCommerce installed I just don't get it
Im guessing if you want 2 columns in mobile you have to get the paid version because I it would work for me either! Answers please?
Thanks!
Do you know how to include a qty increment box on each product of the category? Tks.
Yeah I'm actually going to have a video on that coming out sometime next week.
This video was great- thank you very much!! Please could you tell me how I can rearrange my products in WooLentor. I would like to order them by the physical size of product, which doesn't align with their ID, name etc. Is there any way to order them manually? I previously used the 'rearrange product' plugin, but that doesn't apply in WooLentor. Thank you in advance!
Yeah I'm not really sure to be honest. That might have to be done with custom code. I would look into woolentors documents.
@@UrielSoto Ok no problem, thank you :)
Hello! Thank you for this informative video! This helps me a lot. However, I face a new issue, with this method, I have to create a new page for each product category of my website. May I ask you the method that fix my issue, in the free version if possible :)
Try using the the Kadence Theme
Hi.
Thank you for a great vid. I am just so confused with one thing. Can you please help me understand something. I can set up the store page and adjust a lot of settings. How do I change the pictures within the store. I mean how do I input my own product pictures instead of cartoon t-shirts or cartoon sunglasses. I mean I can't call it my store if I can't change the pictures. Any help would be much appreciated.
Kind Regards.
Yeah when you create a new product on the right side there's an option to replace the image. Just click on the tabs to find it.
Sir, how can I set the seller on the products page for excample under the title?
oh my thank god for you
Hi Uriel, I started my page a few weeks ago and now working on categories. I have them all saved and have watched this video many times. You opened a new tab but can't hear what you named it also what is the steps to have it show up under the menu SHOP. The other strange glitch I have is I set my page to 3 columns but only 2 are showing. May products are huge and I have made as small as I can and tried changing the margin and padding and nothing worked to give me 3 columns. I'm now subscribed so I don't miss anything.
I ran into this issue as well
Not showing the options you show, for product I have free Elementor, no universal product layout, I can't drag it etc....and is asking me to go pro, any advice appreciated ,
good information
Why would you skip linking the page in the menu? That’s the one thing on my site that isn’t working
Just use the product category link and add it to the menu.
can u make a video thats show how to make a filter for product?
Try crocoblock jet smart filters
Te busqué con ACF, te busqué con Elementor Shop y nada!! Luego me acordé que estás casado con Ariel y te encontré!!! Aahhhh 😆 y bueno, la pregunta es: cual es la diferencia entre grid, gallery y archive? y cual de estas tiene que ver con categories??
Hay una sopa de letras en mi cabeza .
Me hace falta el work-flow steps, la estructura, el wire-frame. Que va primero para trabajar limpio?
Yo tengo coches en venta (products), servicios de taller (products porque posts no tiene precio) y accesorios de amazon (products). Intento hacer que el código de detrás de la página sea lo más limpio posible para que la página pueda cargar rapido.
please make a video for creating filter in shop and category pages
How do you hide the line and category name from it ?
I made the categories downloaded the plugin, dragged and dropped the layout but under product categories I can only see "Uncategories" I don't see the other categories created. Pleaseeeeeeeeeee Helpppppppppp
And how do you use productfilters now?
how can we use the same template as the default category page so every time no need to make a new copy of it. And it will automatically generate for every category.
This is just a work around if you don't have the pro version. If you do watch this video. ua-cam.com/video/Vf4H4BZyRBs/v-deo.html
@@UrielSoto is it possible without using pro version. Or can we do it by hard code??
What is Woolentor for in this turorial ? You started fine, then your tutorial explained well everything and seems you forgot about Woolentor at the end.
Hi
I'm trying to have two products in a row in responsive mode and I can't
ohhh....love you man..
I created the page but the products are not seen
I'm trying to have two products in a row in mobile responsive mode and I can't?
I have tried this but you don’t get the whole package, check out and cart unless you upgrade
I have created the categories but I don't see any categories in the dropdown apart from uncategorised
Please help
One thing you didnt cover was the shop dropdown menu ?
You can add the catagory pages to the shop menu In appearance > menu
I just only show product title and description in category page. How It's possible? 🙂
this is one method you can use yes. but there is problem with website architecture, breadcumbs, SEO...
this is one method that can solve problems but not the ultimate one.
Can you help mate. I been trying to make this eCommerce store and been having problems with the product page where people can add to cart.
Everytime I click the picture on the page, it pops up with 2 pop up picture. 1 big and 1 small. How do I stop this from happening?
You might have lightbox unabled in the link advanced custom settings
@@UrielSoto Thanks for the replay. I think I managed to sort it out. Thanks
@@UrielSoto Hey Uriel, got another issue.
I have 2 domain names with 123-reg. Can you help please
I have 1 of my domain name pointing to Wix. I want to cancel Wix and point my domain to another website. Whats the quickest way to do this?
The change can take up to 48 hours. Is it possible to let people know the site will be back in 3 days.
@@nimbyard1342 I assume you got hosting for your other site. Depends where you bought your domain. If it's from wix you will need to transfer your domain to your new hosting. You can do that by contacting your current hosting provider. Than just simply change the name servers to your current host. If the domain was bought some else like godaddy that's better. Than all you need to do is change the name servers from your domain registrar like godaddy to your current host.
@@UrielSoto both my domain name is separate, they are both in 123-reg. 1 domain has a host, the other Domain is with wix.
123-reg also offers Web forwarding. Should I use the web forwarding?
Wouldn't the original category page be useless?
Uriel, I love your content and teaching style. Not to be ungrateful, but I'd love it if you did your videos in 1080. Also, you might want to check your website. (01-09-21)
Hi...can we add affiliate links to this products
Yes
hi, thanks for this great video. i do have a question. how do you link this page to your category. i noticed the url does not have product-category/product but rather website/product....how do you link the page to your category?
my products layout didn't show ......
It's not dynamic. If you decide to change the links or something, you need to do a lot of changes so you dont get 404 Page not found. And it's a lot of manual work, it's not automated.
If its set up as a product category already, you can't edit that page.
Cant find the plugin
The name was changed now it’s called shoplenthor