Creating Elementor Category Page | JetWooBuilder plugin

No video

Creating Elementor Category Page | JetWooBuilder plugin

Рет қаралды 59,031

Күн бұрын

This video is full of useful lifehacks about creating and customizing Elementor category page template. Learn how to add product categories to the Home page, how to create a product taxonomy and other helpful insights. Don’t forget to enable custom archive category and WooCommerce custom taxonomy template to make everything work.
#categorypage #elementor #jetwoobuilder
From this tutorial you will learn about:
⭐ Creating Elementor product category page step-by step and tuning it according to your needs
⭐Displaying your categories in the clear-cut grids with the Categories grid widget.Choose a preset, number of columns and gap to adjust your WooCommerce category grid
⭐Setting up WooCommerce taxonomy tiles using Taxonomy Tiles widget. Showcase categories or tags in the form of tiles; hide empty tags; show products by IDs, and exclude taxonomy with ease
⭐Using JetGridBuilder plugin to design unusual grids
⭐Setting up WooCommerce custom taxonomy template
⭐Applying the style of your templates to different taxonomies - add as many different templates as you want
That’s it for creating Elementor Category Page. Stay tuned because more new interesting and useful videos are coming right up.
-------------
☕LIKED THIS VIDEO? BUY JULIA A COFFEE
► www.buymeacoff...
-------------
► TIMESTAMPS
00:00 Introduction
01:04 Creating category template
02:05 Adding categories to the home page
02:27 Applying Categories grid widget
03:34 Using Taxonomy tiles widget
04:50 Showcasing categories with JetGridBuilder
07:55 Setting up a custom product taxonomy template
09:13 Creating an additional shop template
10:10 Enabling custom product taxonomy option
-------------
Useful links from the video:
👉Designing WooCommerce product grids • Designing WooCommerce ...
👉WooCommerce playlist bit.ly/3ch2siy
👉 Creating Elementor shop page • Creating Elementor Pro...
-------------
Discover JetWooBuilder
► features on our website bit.ly/2YfPvgJ
► tutorials in our Knowledge Base bit.ly/3ps9q80
---------------
Download JetGridBuilder for FREE
► bit.ly/3okWtM0
---------------
Website template used: Zolden - Dynamic WooCommerce Template
► bit.ly/39jXorM
---------------
Product Categories widget
► bit.ly/3poWvnp
---------------
Products Grid widget
►bit.ly/2Yinh4P
---------------
Taxonomy Tiles widget
► bit.ly/3iP0BTc
---------------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
#taxanomy #archivepage #woocommerce #jetgridbuilder

Пікірлер: 72

@aamirkhan3019 3 жыл бұрын

Very nice 👌

@juliacroco8592 3 жыл бұрын

Thanks!😊

@AbhishekGarg-lp4ez Жыл бұрын

Hey How can i create the dynamic grid of sub categories based on parent category for Posts. i am having a custom icon box i want to showcase them in a grid with dynamic where if user selected cat1 then we would be seeing related sub categories. Any leads would help me out Thanks.

@parefeu Жыл бұрын

I am looking for the same info

@parefeu Жыл бұрын

We can create a shop template for each category and exclude and keep only the subcategory we want according the parent page, but it's make things much complicated

@AbhishekGarg-lp4ez Жыл бұрын

@@parefeu i have fixed this by adding option to choose category layout while creating the categories

@esmaelborges1263 11 ай бұрын

Very good thank you.

@byfernandoneves6257 2 жыл бұрын

Hello! I'm using Kadence theme, I can't find this option " custom template " : 10:38

@facuzahlut7302 Жыл бұрын

hi! Its possible to use that custom widget without woocommerce? I mean, i have custom post with custom categories, and i want to make the same categories layout but selecting this custom source. I already have crocoblock, but i dont find the way. tks!

@user-xs8bz6nl3y 2 жыл бұрын

Good, thank you for help me create my shop.

@Crocoblock 2 жыл бұрын

Thank you for your feedback 🙂

@guilherme4414 2 жыл бұрын

my home page category menu doesn't work with jet woo product build, doesn't filter

@Crocoblock 2 жыл бұрын

Hi! Please, contact our support on this issue - crocoblock.com/help-center/

@user-yk8mr3kp1l 11 ай бұрын

how to add shop now button under the category name in taxonomy tiles?

@Crocoblock 11 ай бұрын

If you need to customize the layout like a button with some links, you could create a listing for terms (JetEngine plugin). Or you could create a Custom Categories Archive template (crocoblock.com/knowledge-base/jetwoobuilder/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template/ )Thus, you can add any element and create different layout.

@zuhairmasiran3423 3 жыл бұрын

Hi, how to do the 'New Arrival' , 'Best Sellers' and 'Final Sales' tab like in this video thru crocoblock?

@Crocoblock 3 жыл бұрын

Hi! This is the Checkboxes filter from the JetSmartFilters plugin prnt.sc/1g3sjoo prnt.sc/1g3stcx

@A_walk_in_the_park 2 жыл бұрын

How do you hide the subcategories in the taxonomy tiles widget and only show the parent categories?

@Crocoblock 2 жыл бұрын

Hi! Please, contact our support on this issue - crocoblock.com/help-center/

@arianedembiesque5197 2 жыл бұрын

great! tks so much

@Crocoblock 2 жыл бұрын

Thank you for your feedback 😊

@Bachman777 3 жыл бұрын

Kinda good video.Still dont understand how category links work with smart filters.Hope will findout whats goin on

@Crocoblock 3 жыл бұрын

Hi! Do you want to filter your products by category with the help of JetSmartFiltes?

@jorgeamenda3442 3 жыл бұрын

This is an awesome builder and everything is easy. Can I know how to query products from product loop widget. I only find query in product grid widget.

@Crocoblock 3 жыл бұрын

Hi! Thank you for your feedback! Unfortunately, there's no such opportunity for this widget. But you can use layout swither in the Product Loop prnt.sc/1qa89pp and choose a template with a Product Grid prnt.sc/1qa8ah0 prnt.sc/1qa8atd and Product List. Please, check.

@jorgeamenda3442 3 жыл бұрын

@@Crocoblock Thanks for the feedbck, Also can I know how to create those best selling, New Arrivals tabs? is their a video ?

@Crocoblock 3 жыл бұрын

@@jorgeamenda3442 unfortunately, there's no video. New Arrivals and Best Sellers is a Checkboxes filter that filters by taxonomy prnt.sc/1qhz199 prnt.sc/1qhz1pd

@John-kx8ef 3 жыл бұрын

11:12. How did you style the categories to look like circle with the label at the bottom? Also, weren't these tags? How do you add pictures to tags?

@Crocoblock 3 жыл бұрын

Hi! This is a Category template prnt.sc/1g4vptp . You can center the name of the category with some margin and padding prnt.sc/1g4v3ea and make a circle with border radius prnt.sc/1g4vmnv

@binliUX 2 жыл бұрын

Thanks for the Videos. 😩I have one question. I used the taxonomy to create the category on my home page. It shows how many Products are under each category. but when I click on any category it links to all the Products shop page instead of the right category Products. I did point each product under the right category list. I am not sure how to fix it. Thank you

@Crocoblock 2 жыл бұрын

Hi! Please, submit a ticket support.crocoblock.com describe your issue in detail and provide your Dashboard credentials (link to a website, login, and password) and link to the page with an issue. Our tech support will investigate the issue from the backend and help.

@prof.cipolla7039 3 жыл бұрын

Is it a way to instead open the category page just filtered the products in the Shop page? I know filter Widget can do it, but I need to do it with an image grid or at least a thumbnail . Thanks.

@Crocoblock 3 жыл бұрын

Hi! Could you please provide me with an example? What widget do you want to filter?

@prof.cipolla7039 2 жыл бұрын

@@Crocoblock I got. I am using Jet filter visual. But is it possible to include a reset button or same thing like that in order to bring back all product to customer view? Thanks.

@Crocoblock 2 жыл бұрын

@@prof.cipolla7039 You can use the Remove Filters widget - bit.ly/3ubUFcI

@tommyd Жыл бұрын

Jetgridbuilder has issues with JavaScript errors.

@helloworld1420 2 жыл бұрын

Hi Crocoblock can you tell me name of woocommerce plugin which you used please❤❤

@Crocoblock 2 жыл бұрын

Hi! In this video, we're using the JetWooBuilder plugin bit.ly/3AoosAe and WooCommerce bit.ly/3BladgN

@bubblylibran 3 жыл бұрын

Hi @Crocoblock Can we show number of products on the category grid or taxonomy tiles Like example: T-shirts (20 Products)

@Crocoblock 3 жыл бұрын

Hello! Please check the following parameters prntscr.com/115k76a, prntscr.com/115k8ce

@cameron9695rhysd 2 жыл бұрын

Please can you do these tutorials and go through how to best make these layouts responsive aswell

@Crocoblock 2 жыл бұрын

Hi! Could you please describe the issue in more detail?

@cameron9695rhysd 2 жыл бұрын

@@Crocoblock I have the filters down the side on the desktop and tablet layout but on mobile it’s one huge section I’d like the filters to be able to collapse to take up less room but I can’t figure out what to do other than just the drop down is there some kind of accordion type widget I can sit the filters in so they can be collapsed?

@Crocoblock 2 жыл бұрын

@@cameron9695rhysd Please, contact our support on this issue - crocoblock.com/help-center/ They'll advise 😉

@rejbeau Жыл бұрын

Would you make a more detailed video for beginners?

@amolsarker Жыл бұрын

jetwoobuilder categories grid carousel is not working

@Crocoblock Жыл бұрын

Hi! Please, contact our support on this issue - crocoblock.com/help-center/ They'll check and help 😉

@worldbookscollect6058 3 жыл бұрын

Thanks

@abdulnasir751 3 жыл бұрын

can i add custOm language Like "SHOW MORE" on title afer title name for example category women .below that Show more

@adrianboyddodd8007 3 жыл бұрын

I already have a bunch of products that are assigned to default woocommerce category pages. If I buy jet woobuilder to make category pages that I can customise, will I have to manually re-assign all the products from the default Woo category page to the new page or is that done for me ?

@Crocoblock 3 жыл бұрын

Hello! You'll need to re-assign them manually.

@adrianboyddodd8007 3 жыл бұрын

@@Crocoblock So is it the shop page templates that replaces the those category pages that have products assigned to them ? And then I take the products out of those old default categories to add them to the new jet shop templates ?

@Crocoblock 3 жыл бұрын

@@adrianboyddodd8007 I'm sorry, could you please specify in more details what you need to achieve?

@adrianboyddodd8007 3 жыл бұрын

@@Crocoblock Ok lets say that I have a page with just category tabs, and this will be my main Shop page. Each category tab will take me to another defaul page that show all the products in that category, but this default page cannot be edited. What I want to know is which jet woobuilder template do I need to assign to replace this page that cannot be edited. Is it a shop template or an archive template ? UPdate. It's ok I solved it and everything is working as it should. I used a shop template and made sure that when editing the product grid that I only set categories in the query section and not set any specific category underneath. Then I just set "Use current query" to yes, and then each of my category tabs on my main page takes me to just the relevant products for that category in the new customizable category pages.

@Crocoblock 3 жыл бұрын

@@adrianboyddodd8007 Great! Happy to hear that you managed to set everything :)

@nakulbisht9757 3 жыл бұрын

Hey Crocoblock, love all your plugins! have most of them. But I have a query, how do you add more columns to your Product Loop. Like by default they are 3 in mine, but I need them to be 4. So please help me on this and thanks!

@Crocoblock 3 жыл бұрын

Hello Nakul! The number of columns and rows is managed in Appearance> Customize>WooCommerce>Product Catalog (prntscr.com/xys6i9)

@nakulbisht9757 3 жыл бұрын

@@Crocoblock I have the OceanWP theme and it isn't showing Rows per page in the Product Catalog actually, it isn't even showing Product Catalog in the Woocommerce section but instead, the same settings are being shown in the Archives Tab.

@Crocoblock 3 жыл бұрын

@@nakulbisht9757 Please kindly submit a ticket at support.crocoblock.com/support/home/ and provide there your WP dashboard login credentials, and our Support agents will help you out ;)

@moonboy7280 3 жыл бұрын

Hi Crocoblock, I love your plugins, I wish you could tell me How can i display a filtered product ?, For example If I go to the category page, The product in there is automatically filtered based on what category you choose from

@Crocoblock 3 жыл бұрын

Hello Diether! We'd be glad to help :) Please kindly contact our Support team via chat or ticket system: crocoblock.com/help-center/

@moonboy7280 3 жыл бұрын

@@Crocoblock Anyway Fixed it, Does Crocoblock has a request quote widget ?

@Crocoblock 3 жыл бұрын

@@moonboy7280 No, sorry, but we don't have such a widget.

@moonboy7280 3 жыл бұрын

@@Crocoblock I understand hope you guys put it. Anyway is this compatible with jetwoobuilder ? woocommerce.com/products/request-a-quote-plugin-for-woocommerce/

@Crocoblock 3 жыл бұрын

@@moonboy7280 Hello! Please feel free to submit your feature requests at github.com/Crocoblock/suggestions and if it's possible to implement, the devs will add it. As for the plugin you provided, unfortunately, we can't guarantee its compatibility as we haven't worked on it.

@yukikuzunoha6533 3 жыл бұрын

Hi, Is it possible to make a category page using only one template?

@Crocoblock 3 жыл бұрын

Hello! Could you be so kind to specify what you need to achieve in more details?

@yukikuzunoha6533 3 жыл бұрын

@@Crocoblock I mean in this tutorial we only know how to make one category page by using one template. So if I need to make another category I'll need another template. I wanted to set it up in a way that I will be able to show my every categories by using only one category template

@Crocoblock 3 жыл бұрын

@@yukikuzunoha6533 Thank you for the clarification! You don't need to create a new template for each of your categories. This one template will be applied to all of them.crocoblock.com/knowledge-base/articles/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template/

@elyassssadeghi4255 2 жыл бұрын

@@Crocoblock this tutorial we only know how to make one category page by using one template. So I need to make another category I'll need another template. I wanted to set it up in a way that I will be able to show my every product categories different style and txt how to do? other plugin can create different template for ich category important for me plz help / i can sloved with redirect from rank math /but i want create different template for all product category page with jetwoo builder / like apple website product category

@Crocoblock 2 жыл бұрын

@@elyassssadeghi4255 Hi! There's no need to create several templates for different categories. The category template will be applied to all categories, but the style will also be the same for all categories.