Kadence + WooCommerce Tutorial (Turn Starter Templates into Stores in 20 mins)
Vložit
- čas přidán 30. 07. 2024
- 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: ideaspot.com.au/blog/kadence-...
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:
• Kadence Theme Tutorial...
To setup WooCommerce, with credit card and Paypal support, check my tutorial here:
• WooCommerce Setup Tuto...
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
Great tutorial. I am going to follow your steps to do mine tonight.
THANK YOU for using a yellow halo on your mouse. It is SO HELPFUL for following where you are. Productive creativity.
Excellent tutorial. I’ve switched all my sites to Kadence and am starting my first WooCommerce project. This was exactly what I needed.
Great to hear!
excelente tutorial, felicitaciones.
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.👍
really helpful.. great tutorial thanks..
Hi there Alex, brilliant tutorial. The information that you provide is invaluable. Is it possible that you can do a full on ecommerce tutorial with the Kadence theme like a full on tutorial with no step skipped. Setting up of menus, how to set your desired pages only to show on the top of the website as the main menu, creating 'returns' pages, 'privacy policy' pages and how add these links to these pages only at the footer of the website, how to setup a 'terms and conditions' box as well on the checkout page, how to set up different types of products on the store etc. I know that this type of tutorial would be quite a long one. The reason I ask is because this theme is fairly new to me and most users as well and it takes a bit of time to learn this theme fully. Can you assist with this perhaps? This theme is really powerful and much more customizable than any other theme that I have used before...
Wow! Love this edit :D
Glad you like it! the kadence templates are awesome :D
Very helpful, Thanks
Glad it was helpful!
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!
Thank You for that great tutorial! By the way - You have an amazing and calming voice:)
Oh thank you! welcome to the Channel!
I made that 70 likes for ya! Great content.
🙌
and how change title color of every product in a list? thanks good video
Great video! Do you know of any company building block websites from a shop design? I am an Elementor user and don't have the time to learn blocks. Many Thanks
hi
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!
Hi, the kadence starter templates are for Gutenberg, they can’t be edited with elementor - they will release Elementor templates soon!
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!
Strange, I'm not sure about that... perhaps check if your version of Kadence needs an update or it's possible there is a bug/incompatibly for some reason you could report here: www.kadencewp.com/free-support/
how to edit the woocommerce product page using kadence blocks
How to a social share button on the product page using Kadence?
amazing work. thank you!!
is this whit the free version? you need some pro version for this?
Totally free - give it a try 🤓
Not suggested to add if you already have a site built
do i need pagebuilder with it?
No page builder needed for this method!
@@IdeaSpot thank you
Nice tutorial man but wtf is going on with your voice? It's almost unbearable