You'll learn to build a WooCommerce store, starting with any of the Kadence Starter Templates. With this tutorial, you can take any kadence template (in this case we use the ‘Agency' template) and build it into a store. The CSS used in the tutorial is available here: https://ideaspot.com.au/blog/kadence-woocommerce-tutorial/
Kadence theme has some great WooCommerce customization features, but at the moment there is only one ‘shopping' template. Let's learn to make a store with any Kadence template!
For more skills on building pages with Kadence in WordPress, check my previous tutorial:
To setup WooCommerce, with credit card and Paypal support, check my tutorial here:
0:00 Kadence WooCommerce Tutorial Intro
0:32 Basic setup & required plugins
2:03 Kadence Starter Template Install
2:38 Kadence logo customization
3:37 Kadence header customization
5:48 Kadence footer customization
6:37 Adding cart icon the the header
8:35 Adding shop page to the header menu
9:13 Customizing Kadence Shop Page
12:00 Kadence Product Page Customization
14:41 Kadence cart page customization
15:17 Kadence checkout page customization
15:43 How to display products on other Kadence pages
18:32 Kadence 404 & search page customization
20:59 Improve WooCommerce thumbnail image quality & CSS styles to center product price and title
22:04 More skills with Kadence & WooCommerce
Thumbnail template designed by Freepik – Freepik.com
Hi, really great tutorial! I have one question: if i use kadence starter template for elementer, can i place producs also on any page and edit the products layout (hand picked products) or do i need elementor pro than for that? Thanks!
amazing work. thank you!!
do i need pagebuilder with it?
Excellent tutorial. I’ve switched all my sites to Kadence and am starting my first WooCommerce project. This was exactly what I needed.
Not suggested to add if you already have a site built
Thank you for your providing us such a valuable content,. i will definitely give a try with Kadence and see how much i succeed. Your videos are very informative. Keep it up.👍
I made that 70 likes for ya! Great content.
John Kevin Avalos Saldivar
excelente tutorial, felicitaciones.
thank you for the presentation
With the kadence theme, however, I chose the Template shopping from the KADENCE STARTER TEMPLATES extension for my e-Commerce shop, but I can't change the images on the homepage with elementor.
Thank you for helping me!
is this whit the free version? you need some pro version for this?
Wow! Love this edit 😀
Thank you for this video, i really like it. actually, i was looking for exactly like this tutorial but i surprise when i can see that i have some difference in the side menu when we can make changes in Customizing ▸ WooCommerce
▸Product Catalog▸Action Button Style but i cant find the "Button style"!! can you please help me to find solution for that as i really dont like the defult style and i really want to do same changes as you make in the your video in Min (14:24) please give me a solution and thank you in advance!
Very helpful, Thanks
Thank You for that great tutorial! By the way – You have an amazing and calming voice:)
Thanks my friend.
To be honest, I receive so much VALUE from you and your tutorials, you are one of the best I've seen. I am very surprised you don't have more views, as your stuff is so helpful.
Keep up the good work, always look forward to your new tutorials.