Kadence Tutorial: How to Create an E-commerce Website in WordPress with Kadence.

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ค. 2024
  • In this video, you are going to learn how to build a custom e-commerce website using the Kadence Theme, Kadene Blocks and WordPress. We are going to go from start to finish using completely free tools. If you would like to follow along with this Kadence e-commerce tutorial, I have included the product images and featured images I used in the link below under “Awesome Tools I used for this tutorial”. Feel free to download them. Like this tutorial, and the tools we are using, they are free! Enjoy!
    Timestamps:
    0:00 How to make an eCommerce Website with Kadence
    0:45 Overview
    3:46 Getting Started: Installing Kadence & Kadence Blocks
    7:09 How to install and Configure WooCommerce
    11:40 How to create products and product categories
    16:41 How to customize the single product page with Kadence
    25:09 How to create your site menu and navigation
    28:47 How to create the eCommerce Website Homepage Hero Section
    40:43 How to create the benefits section
    46:59 How to add product category tiles to the homepage
    01:02:49 How to add handpicked products to the homepage with Woocommerce
    01:09:09 How to create a standout category section on the homepage
    01:20:02 How to duplicate sections for the homepage
    01:28:52 How to create the opt-in section on the homepage
    01:40:28 How to build and customize the eCommerce footer in Kadence
    01:54:56 Final Cleanup: Customize Category Page, Cart Page, and Checkout Page
    01:58:17 How to set up credit card payments with Stripe in Woocommerce
    02:06:25 Thank you and Subscribe for the Kadence Pro Version!
    🧰TOOLS I USED IN THIS TUTORIAL
    ✅Download Product Images - cliftonwp.com/ecommerce-tutor...
    ✅ WordPress CMS: FREE
    ✅ Gutenberg Block Editor: FREE
    ✅ Kadence Free Theme: FREE
    ✅ Kadence Blocks: FREE
    ✅ Domain & Hosting by Siteground: cliftonwp.com/host
    🧰 FAVORITE WEBSITE BUILDING TOOLS
    ✅ Kadence Theme Pro - cliftonwp.com/kadence
    ✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
    ✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
    ✅ Domain & Hosting by Siteground: cliftonwp.com/host
    ✅ WordPress CMS: FREE
    ✅ Gutenberg Block Editor: FREE
    ✅ Kadence Free Theme: FREE
    ✅ Kadence Blocks: FREE
    🏆RECOMMENDED EMAIL MARKETING PROVIDER
    ✅ Mailerlite: cliftonwp.com/mailerlite
    🏆 BEST HOSTING COMPANY
    ✅ Siteground: cliftonwp.com/host
    ✅ WP Engine (Premium managed hosting): cliftonwp.com/wprocket
    🏆 BEST PRO GUTENBERG BLOCK PLUGINS
    ✅ Kadence Blocks: cliftonwp.com/kadence-blocks
    ⭐ RECOMMENDED PRO WORDPRESS THEMES
    ✅ Kadence Premium Theme: cliftonwp.com/kadence
    ✅ Astra Pro: cliftonwp.com/astra
    ⭐RECOMMENDED PRO FORM PLUGINS
    ✅ Gravity Forms cliftonwp.com/gravityforms
    ✅ Fluentforms : cliftonwp.com/fluentforms
    🏆 BEST SPEED PLUGIN
    ✅ WP Rocket: cliftonwp.com/wprocket
    ⭐ BEST WORDPRESS PAGE BUILDER
    ✅ Beaver Builder: cliftonwp.com/beaver-builder
    ⭐ BEST COMING SOON PLUGIN
    ✅ SeedProd: cliftonwp.com/seedprod
    AFFILIATE DISCLOSURE
    Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
    Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
    #cliftonwp #kadence #kadenceblocks #woocommerce

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

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

    Wow! This is by far the BEST Guide on the internet! All meat and potatoes, with no BS fluff - right to the point. I printed out a copy of your TIMELINE first, to keep me on track amid my distractions. Works Great! Thanks for teaching me so much in such a short time. You are the best.

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

      Thank you very very much! I appreciate you!

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

    Thank you Clifton. Amazing turtorial. I am looking forward to more Kadence + Kadence blocks turtorials.

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

      Thank you, Thomas! I appreciate you watching and more to come!

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

    WOW, didn't know someone as amazing as you existed, thank you so much for providing a tutorial like this for free. Really helpful for a WordPress newbie.

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

      You are very welcome and thank you!

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

      Yes it is ❤️❤️❤️

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

    Clifton, thank you very much. The tutorials are perfect. Kadence is a great !

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

      Glad you like them! Thank you very much!

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

    Wow. Very Useful Video. Good explanation and easy to understand. Thank you Clifton!

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

    Thank you, Clifton. Great tutorial. very clear explanation for each step :)

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

      You're very welcome!

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

    I'm a newbie to making websites and want to thank you for making this tutorial which is easy to follow because of your teaching style. I appreciate the fact that you are using this same layout on your other videos showing how we can add to it. I'm using the Free version of Kadence and will use your links when I decide to purchase the paid version or any plug-ins. - Thanks again for your time and hard work!

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

      Thank you very much! Very glad you found the video helpful!

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

      @@CliftonWP great tutorial! Could you please share the link of your video to mske a jewellery ecommerce website with free kadence +woocommerce here ASAP?

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

      @@CliftonWP where to get the model images with pur products if not using template webpages?

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

    Love it man keep producing about Kadence I absolutely love it!

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

      Thanks! Will do!

  • @user-lb9kk1te3x
    @user-lb9kk1te3x ปีที่แล้ว

    Amazing tutorial, I was able to build a website exactly as you show easily, it's my first time building an online store, I think you're the best guide on TH-cam, thank you.

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

      Thank you so much and I appreciate you watching! 🙂

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

    Wow, thank you so much for this video!!! Sooo incredibly helpful and so thorough!

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

      Thank you very much Janice! I appreciate you watching!

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

    TY much. Really well done. Love your presentation style!

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

      Thank you very much Sam! I appreciate you watching!

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

    You're such a Gem 💎 . No timepass, hust straight to the points and great way to teach. ❤ You earned my respect

    • @CliftonWP
      @CliftonWP  6 หลายเดือนก่อน +1

      Thank you so much! I appreciate you!

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

      ​@@CliftonWPyes indeed you are a gem, can you please share the link of how to add icons of buttons like search, account/login, wishlisht etc for header of a WordPress website using kadence free version? Is there any plugin for the same? (Please note its not kadence pro just for the free version of kadence)?

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

    Excellent and wonderful explanation, I thank you very much for this beautiful explanation. 👍 ✅ 👑

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

    Amazing my friend!! Thank you very much :)

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

      Thank you Julio! I appreciate you watching!

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

    I really enjoyed designing alongside you. You are the best teacher

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

      Thank you! I appreciate that!

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

    I learn a lot from this video, I was totally lost before reviewing this video, I'm now going to purchase the Kadence from your link.

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

      Wow Damon! Thank you so much! I appreciate you watching the video and I am grateful for your support! Thank you!

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

    👉👉👉 Clifton, thank you very much, excellent tutorial. Very clear and well explained. And with very practical information. Greetings from Santiago de Chile. 😃👌👍

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

    woow, love the way you explain and show step by step..

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

      Thank you so much 🙂 I appreciate you watching!

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

    You Rock dude. Thanks!

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

      You are very welcome! I appreciate you watching!

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

    Beautiful site, Clifton! 🙏

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

      Thank you! Much appreciated!

  • @ahmedmaazouzi-shorttips8913
    @ahmedmaazouzi-shorttips8913 8 หลายเดือนก่อน

    You are the G.O.A.T. Thank you very much

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

      Thank you so much! I appreciate you!

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

    Awesome work! Five stars coach.

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

      Thank you so much! I appreciate you watching!

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

    Great video, Clifton!

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

      Thank you Alex!

  • @user-kg7gz9lr8z
    @user-kg7gz9lr8z 2 ปีที่แล้ว +1

    Thank you for Kadence training and technical skills training. I'm looking forward to your videos. (I hope the translation is correct)

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

      Thank you too! I appreciate you watching!

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

    Thanks a lot for such a great practical videa Clifton!

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

      You are very welcome Veronika!

  • @MarioRodriguez-zi1xl
    @MarioRodriguez-zi1xl 2 ปีที่แล้ว +2

    Really great tutorial… It has helped me really a lot. I’m trying to decide between going to Theme compatible with Gutenberg + Woocommerce or going with Oxygen Builder (which is actually a Theme builder compatible with Gutenberg as well). I’m amazed Gutenberg is so powerful. I didn’t know that.

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

      Great to hear the tutorial helped! Gutenberg has come a long way and Oxygen Builder is a solid site builder. You will do great with either one, however if you are thinking about rapid development, ease of use and where WordPress is going, Gutenberg has a slight edge.

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

    Really helpful. Thanks

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

      Thank you so much and you are very welcome!!

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

    Formidable, gracias.

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

    Gracias por tu conocimiento, Saludos de Perú

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

      ¡Eres muy bienvenido!

  • @danir.8299
    @danir.8299 2 ปีที่แล้ว

    Great job dude ;) thx.

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

      Thank you so much! I appreciate you watching!

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

    Thank you for this 😊 I was lost. I’m doing this for a friend. It was beginning to get me down x

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

      Keep going Ricky, don't give up. With practice it gets easier!

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

    Thank you!!!

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

      You are very welcome! thank you for watching!

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

    Subscribed. You deserve it!

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

      Thank you so much! I appreciate you and I appreciate you subscribing! Thank you!

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

    Let’s GO!!

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

    thank you clifton!

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

      You are very welcome!

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 3 หลายเดือนก่อน

    Thankyou for this Useful vedio
    This is so Helpful for me

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

      Thank you! I appreciate you watching!

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

    Love from india❤

  • @TheDiabeticJunky-yg4lw
    @TheDiabeticJunky-yg4lw 11 หลายเดือนก่อน

    Thanks for the video .... the floating video editor bar and my text editor do allow me to have all the features.

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

    Amazing tutorial🙂

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

      Thank you! Thank you very much!

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

    Thanks! This design is really nice... but since I have bad experience from kadence when it comes to be mobile friendly theme - how does this layout works out?

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

    this one is the perfect tutorial m searching this long..... love frm INDIA❤❤

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

      Happy to hear it! Enjoy and Thank you for watching!

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

      @@CliftonWP will the website built by exact same steps you follow be a mobile, tab and laptop friendly as well, I mean will customers find it comfortable to use it on mobile and tab as well? Also where to get the model images if not using template webpages?

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

    I don't speak English but I manage with the translator, incredible tutorial.

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

      Thank you for watching! I appreciate you!

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

    Incredible friend, I discovered your channel and your videos are simply spectacular, I subscribe immediately, I hope this video goes viral, this information is pure gold !!

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

      Wow, thank you! I appreciate you watching!

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

    Clifton, Thank you I love you, ha ha I mean you video, you have a Subscribed .

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

      Thank you Chong Hee Choon! I appreciate you!

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

    Very nice

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

    Thanks to this channel for consistent educating and teaching techie stuff. Hope you can you create a full tutorial an LMS Website for coaches and course creators using kadence? Hoping to hear from you.

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

      Thank you! LMS website is on the schedule. Stay tuned and thank you for watching!

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

      @@CliftonWP Please use Tutor LMS Plugin, thank you.

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

    This was fantastic Clifton, thank you very much! Do you have a video on setting up your shop page with categories at all with kadence / gutenberg blocks? i have added sub categories but it's not quite how i want it to look
    Great video thanks buddy

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

      Thank you! Are you asking is you can create a shop page that only showed the categories of your store and not products? Do you have an example of how you want this to look? If so please post a link and I'll check it out.

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

    So has WooCommerce changed the backend Add New/Manage product page layout since this video? My version is all in a horizontal tab format and not the post style.

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

    new sub!

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

      Thanks for subbing!

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

    I congratulate you champion, I am learning a lot from you.
    I already fell in love with the Kadence theme.
    Do you have a website to inspire you in the design? and then start to develop it.

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

    Thanks

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

      Thank you so much Ricky! I appreciate you!🙏

  • @MSK-rt7zi
    @MSK-rt7zi 2 ปีที่แล้ว +1

    you made my future

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

      Wow! Happy to be of service! 🙂

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

    Nice tutorial! Could you make a tutorial on how to build a business directory website using Kadence Blocks? Something like an AirBnB, Urbanclap, HomeStars, etc. Thanks

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

    Good morning
    I am creating a store with this theme but when I am on a product sheet, under the add to cart button there are 3 lines, do you know how I could change the writing of these three lines?

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

    Clifton great tutorials. Thanks for all these steps by step with no step skipped. I tried playing with the kadence pro. I installed the starter template of my choice but now I want to remove it entirely and try building from the theme as you did but I could not remove the template. I have deactivated the stater template plugin but the nav links and some other elements did not disable. Please, how do I remove the template entirely?

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

      Thank you Somadina! I appreciate you watching my videos! Checkout the plugin called wp reset in the plugin repository. It resets your install to it's earlier state.

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

    Is there any way to change the kadence menu cart for an svg?

  • @user-tm3je5ed1o
    @user-tm3je5ed1o ปีที่แล้ว

    We note that the checkout button in your video is black, but mine is blue by default. We conduct research from the Internet, saying we can change CSS, or use FunnelKit for checkout page, or other solutions. May we know what solution you use to change the button color in checkout page ? Thank you very much.

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

    hello sir, how can I change the color of the text of the titles in the menu of the product images and the color of the band under the text, and how can I change the colors of the buttons in my shopping cart? thank you

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

    🔥🔥🔥

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

    Thanks for the helpful video you won a new subscriber. I'm wondering why no videos about storefront.4.2.0 which is the official WooCommerce theme with is fully compatible with WooCommerce

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

      Thank you Will! Storefront 4.2.0 is great, however Kadence is much more dynamic and versatile.

  • @anyab.9533
    @anyab.9533 4 หลายเดือนก่อน

    Hi there, I'm using the row block with three overlay images. I'm trying to adjust the font on mobile and it is not working. Kadence is showing a small font, and Chrome Inspect is showing a proper font, but my iPhone is not showing any changes. Why is that and how can I fix it? I used Montserrat font, then switched to system font, but nothing helped.

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

    Sorry off Topic, but. Could you please discuss making Drop Caps using the Divi Pro theme and Advanced Text Block. I can't find a solution anywhere.

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

    Hello again. Can you make a video with a variety of menus with Bloks? it would be a simple training video for you, and an almost impossible to find training video for me. I would be grateful if you could help with this issue. Thank you.

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

    hi can we reduce the dom size at the time 44:00, How?

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

    At minute 1:13:26 I can't see the first or second location on right panel. Just overlay settings but without the location 1 and 2 hence can't drag the colour to Bring the stated illusion. Anyone to the rescue?

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

    Hello Clifton!
    To build the deign did not work the pictures and everything did not fit it was to small.

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

    Thank you for the great tutorial!
    I was wondering how can I set up the mobile responsiveness for such ecommerce site?
    Thanks again.

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

      Thank you Seif! Stay tuned, that is on the way!

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

      @@CliftonWP please just asking if this has been released yet. Really looking forward to the mobile version of it.

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

    Great tutorial Clifton, I have a question about pictures. The picture in your drop box are around 2.25mb on your WP it shows only 85kb how do you optimize your picture to a smaller size without loosing resolution. Thanks

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

      Thank you Ion Builds! You can run your photos through a free online compressor. A good one I recommend is tinypng.com. 🙂 I appreciate you watching!

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

      @@CliftonWP another question about Kadence theme. Is it lighter than other Wordpress themes in terms of speed? Should I just stick with Kadence blocks? I’m newbie to website building your videos are very helpful. Thanks

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

    can you send link for the follow on with the kadence pro you mentioned at the end?

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

      I think it is this one. th-cam.com/video/szZLgDrbqtg/w-d-xo.html

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

    Hey, I really liked your videos and it's really awesome. I would like to know if there any plugin to disable all cart feature, like 'ADD TO CART', 'CHECK OUT' and turn woocommerce site into a catalogue site?

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

      Thank you David! I appreciate you watching. For a plugin that allows Catalogue mode in Woocommerce, check out YITH WooCommerce Catalogue: wordpress.org/plugins/yith-woocommerce-catalog-mode/

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

      @@CliftonWP Thank you so much ❤️❤️❤️

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

      @@davidson7838 You are very welcome!

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

    kindly post the link to the site built want to check it on mobile

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

    First of all, thank you very much for this beautiful tutorial. It is really hard to find such a video and such a nice explanation. I have a problem and I would be glad if you can help. I want to create a menu with 8 menu blocks. I only want one of the blocks to be long. How can I do that? thank you

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

      Thank you SYMmarteim. Can you tell me more about what you mean with 8 Menu Blocks? Gutenberg has a navigation block and Kadence has a Mega Menu that can contain blocks. Help me understand better what you mean by 8 Menu Blocks and I'll see what I can do.

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

      @@CliftonWP hello again sir. First of all, thank you very much for your quick response and willingness to help. I can't thank you enough for both answering the questions quickly and preparing such a nice training. because I was looking for such a training for a long time and could not find it. I will give a link to a theme of xstore, I would be very happy if you could take a look at the menu under heder. In addition, does the cadence theme have a free mega menu? Thanks again for your help in advance. this link is a theme of xstore

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

      Hey SYMmarketim, hope all is well. Can you comment with a direct link to the demo site with the menu you want to recreate in Kadence? I checked out the XStore demo site but they have a lot of demos and a lot of menus. :-). Let me know so I can see how I can help!

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq ปีที่แล้ว

    hi, Clifton, how to build a category page?

  • @GauravKumar-cp2hi
    @GauravKumar-cp2hi ปีที่แล้ว

    I have a complete pro bundle for Kadence but the problem I'm facing is my Row Layout does not showing me the option to setups max height and that causing me a lot of issues in designing. I cant see option as you have at 29:40 can you please guide me :)

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

      Hello Gaurav, sorry for the delay in getting back. For the Min/Max heigh property in the Row block, you can find it under the advanced tab>Structure Tab

    • @GauravKumar-cp2hi
      @GauravKumar-cp2hi ปีที่แล้ว

      @@CliftonWP thank you 😀I found it

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

      @@GauravKumar-cp2hi Awesome!

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

    how can i create login button just like cart

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

    After setting the page titles to have the nice black background and white title, Im stuck with the home page showing the "Home" and black title background also. How can I hide this on home page and still display page titles on other pages. All the Best Love your tutorial.

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

      Thank you Aaron! I appreciate you watching and thanks for the sub! To hide the Home Page Title area, you will need to disable the page title in the home page. Here a brief video showing how to do this: www.loom.com/share/9762d37e1bbd46f682a4943907face6b

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

      @@CliftonWP wow, rare to see a youtuber so invested in their community, you have a natural talent for this and so easy to listen to. Must admit to using the pause button a lot :) , turning off the title helped but still shows blank space from the title section, I cant seem to remove through padding etc,

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

    Hello.
    Question:
    In the Category section on homepage why you created;
    Row > 3 section > Row > Section > Advanced Heading ?
    Why not..... Row > 3 section and advanced heading?

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

      Great question Ateek! The reason I do this sometimes is because Rows have more background options than sections. So by nesting it this way, I get more design options that can be applied to the outer container as a row rather than a straight section. In this particular case, it allows me to apply my background images to the rows that make up the 3 sections, rather than the sections in the row which have less background options. I hope that helps!

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

      @@CliftonWP So, what to do with DOM size?

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

      @@AteekSheikh Excellent question! I recommend planning around your DOM size. It really depends on your final page layout, so certainly some sections will have fewer elements than others. I certainly don't recommend having repeated nested rows and sections in every section which is why Kadence has introduced horizontal block flows in their sections to help with this. Nevertheless, DOM size is only one part of the performance suite. There are still plenty of other areas where you can improve performance so that even if you are using multiple nested elements on a page, your speed and performance will still be very good.

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

    Menu doesn't show up. Where to troubleshoot?

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 3 หลายเดือนก่อน

    Can you Help me? Sir, How can creat real state website?

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

    Great Tutorial! What are the benefits of creating an Ecommerce website with Kadence from scracth instead of customizing a Kadence WooCommerce Starter Template? Thanks.

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

      Thank you Alexander! This is an excellent question. Creating an e-commerce website from scratch gives you more creative, strategic, deeper control over the layout and design of your website. Using a template is great however you are confined to the structure within that template and in most cases have to operate mostly within that structure. Depending on your objective and skills, using a template as a starting point may be beneficial, however designing from scratch gives you the most autonomy and freedom to develop and design as you please.

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

      @@CliftonWP Thank you for the detailed reply. One more question. Let's assume I am using just the default Kadence Theme with no Starter Template and start customizing it by adding custom CSS code (Customizer > Additional CSS) to optimize a site. Wouldn't that code be overwrittten when updating the Kadence Theme in the future? Thanks.

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

      @@OlexDesign Great question. Updating your Kadence Theme does not overwrite any CSS added to the customizer. Your CSS will remain intact. 🙂

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

      @@CliftonWP Thank you. Might give the custom approach a try.

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

      @@OlexDesign You are welcome!

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

    This is amazing!
    Clean, easy on the eyes but catchy... Its just stunning.
    You're a blessing to the kadence family and wordpress community in general!
    Could you by any chance build out an affiliate marketing website using kadence? I would love to see your design and teaching concept on how you would build out such a site.
    Pls pls pls do consider this request as soon as you can. Looking forward to it in the nearest future.
    You got yourself a subscriber for life!

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

      Thank you Obinna! I'll add an affiliate site build to the schedule and thank you so much for watching and the sub!

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

      @@CliftonWP
      You may also consider an option for site export for those who love you site but may not have the time to sit through a 2 hour tutorial (i would watch if its 6 hours! i don't mind). It will really help speed up things guess. It's my humble opinion. Feel free to do whatever suits your style best though.
      Again, awesome channel!

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

      @@DivineJesusPrayers Thank you for the suggestion Obinna.! Will definitely consider it. I have a pro version of this tutorial coming up and perhaps I may do what you've suggested here. :-)

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

    This is a beautiful video and the way you explained was fantastic, but you missed a huge point regarding the site, and that is the setting of Mobile view, will you please explain in another video?

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

      Thank you Naeem! I really appreciate you watching the video and your kind words! Here is a mobile view follow up that I made to the video. th-cam.com/video/Bp3oxyvK_Xg/w-d-xo.html 🙂 Enjoy!

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

      @@CliftonWP Amazing, I was not expecting such prompt response. Thank you and appreciate for sending me the continuation of the same.

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

      You are very welcome!

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

    Do you think using Kadence block is better than elementor?

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

      Both are great platforms, and can be used to build great websites. However, I prefer Kadence.

  • @HamzaKhan-fx3kr
    @HamzaKhan-fx3kr 2 ปีที่แล้ว

    hey, did u zoomed out of the screen? i created with the same settings but things are looking a lot bigger than yours

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

      Thank you Hamza. My screen is a regular screen. :-)

    • @HamzaKhan-fx3kr
      @HamzaKhan-fx3kr 2 ปีที่แล้ว

      Ok no problem. Thank u so much for providing quality content

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

      @@HamzaKhan-fx3kr Thank you Hamza!

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

    Can you use Kadence blocks with any theme?

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

      Thank you Angie! Yes you can use Kadence Blocks with any theme as long as you are building pages or posts with the WordPress Block Editor.

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

      Thank you Clifton. And thanks for all these wonderful videos.

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

      @@AngieEKnowlesTextileArtist You are very welcome, Angie!

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

    Great Tutorial Sir, But Pl make a mobile one as majority of people use it

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

      Thank you! I appreciate you watching. Here is the link to the Mobile Optimization video: th-cam.com/video/Bp3oxyvK_Xg/w-d-xo.html

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

    I was wondering how to use the dividers

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

      I'll create a tutorial on this shortly. :-)

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

    Hi. There is an error in Turkish automatic translation, it does not translate into Turkish. can you please fix this error

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

      Hi SYMmarketim, sorry you are experiencing the translation issue. I recommend contacting KadenceWP support on their website. They are very responsive.

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

      @@CliftonWP only in this video of yours I have a problem with the subtitle option in Turkish. You should contact youtube and ask why. because this video of yours is very beautiful and very valuable. thanks this video and your answer

  • @user-tm3je5ed1o
    @user-tm3je5ed1o ปีที่แล้ว

    hello, Clifton, thank you so much for your video. I note that if the design is viewed in mobile, it have some layout issues for the black and white design on "See All Premium Watches" at the video timeline th-cam.com/video/fC8Zn01fESM/w-d-xo.html . Grateful if you can advise how to deal with it ? Do we need to have separate design when viewing it in mobile instead of desktop ? Thanks a lot.

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

      Thank you Smart Home Gadgets! Sorry I am not understanding the issue you are having. Can you tell me what the layout issues are? I have a video where I cover the mobile responsive editing for this website. I recommend checking that out when you can. It may resolve the issue you are having with the mobile views. Here is a direct link: th-cam.com/video/Bp3oxyvK_Xg/w-d-xo.html

    • @user-tm3je5ed1o
      @user-tm3je5ed1o ปีที่แล้ว

      @@CliftonWP Do you have any email ? Seem I cannot send the screenshot in my mobile for you to see it here. Thank you very much.

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

      @@user-tm3je5ed1o send to clifton@cliftonwp.com

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

    I tried Kadence, it was a pur pain :-(

  • @t-bug7283
    @t-bug7283 2 ปีที่แล้ว

    Can't know how I stopmed onto this. All in all GREAT content ❤️😄. I also have been watching those rather similar from mStarTutorials and kinda wonder how you guys create these clips. MStar Tutorials also had cool information about similiar money making things on his channel.

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

    Is my eyes bad or people aren't telling you that the video is blurred?

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

      Thank you! The video is very clear. You may be experience low bandwidth or slow internet speeds which may cause your viewing experience to be blurry. Also check that your viewing it in 1080 quality using the video settings cog wheel in your youtube viewer. 🙂

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 3 หลายเดือนก่อน

    sir plzzz reply my msgs

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

    This is for anyone. Is Elementor even needed if I was to have the full bundle of Kadence? Would that even make sense to do?

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

      I recommend getting the full bundle of Kadence. In my personal and professional experience the value Kadence brings far exceeds Elementor and if you have the full Kadence bundle you have everything you need to build beautiful and effective websites.

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

      @@CliftonWP awesome. I’m actually thinking about taking advantage of the lifestyle Black Friday deal. So what do I do if at time I go to make changes for the mobile and notice it changes the desktop version as well. I watched your video on optimization but when I make changes it changes it for all. Any recommendations?

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

      Meant lifetime full bundle deal ^typo^

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน +1

      @@dustinlowman8323 Good Choice on the Lifetime Black Friday deal. Definitely worth it. When making changes in mobile, make sure you have the mobile icon selected withint he block or row you are making changes to. Sometime it defaults back to the desktop view when switching to a different block. Just double check that the icon is on the mobile view. I hope that helps!

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

      Thank you.

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

    Hey can i contact you ?

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

      Sure. Email me at clifton@cliftonwp.com. Please be patient as I will respond as soon as I can. Sometimes it may be a few hours. 🙂

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

      @@CliftonWP Alright i,ll.