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

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 216

  • @eric65-078
    @eric65-078 21 день тому

    Great tutorial. After watching the Kadence deep dive video, this was a good addition. It's nice to see that Kadence is not standing still. The settings in the Kadence Blocks have changed considerably. But it was still easy to follow.

    • @CliftonWP
      @CliftonWP  7 днів тому +1

      Glad it was helpful! An updated e-commerce video is in the works!

  • @mj_aesthetix
    @mj_aesthetix Місяць тому

    BRO I CAN'T TELL YOU MY FEELINGS YOU ARE A LIFE CHANGER TOWWORROW IS MY PRESENTATION AND YOUR VIDEO HELP ME ALOT LOVE YOU SOOOOOOOOOOO MUCHHHHHHHH

    • @CliftonWP
      @CliftonWP  Місяць тому

      Thank you! Much love to you too and wish you all the success on your presentation!

  • @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!

  • @dogdecision
    @dogdecision 2 місяці тому

    Thanks!! LOVE IT! Probably the best ecom tut I've seen. And I love it you used blocks and didn't install templates!

    • @CliftonWP
      @CliftonWP  2 місяці тому

      You're welcome! and Than you for watching!

  • @RodrigoTolvett
    @RodrigoTolvett Рік тому

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

    • @CliftonWP
      @CliftonWP  Рік тому

      Thank you for watching! I appreciate you!

  • @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!

  • @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!

  • @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 ❤️❤️❤️

  • @dinukakularathna2824
    @dinukakularathna2824 2 роки тому +1

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

  • @mikolajnomikolaj5970
    @mikolajnomikolaj5970 Рік тому +1

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

  • @Shoesinkart
    @Shoesinkart 8 місяців тому

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

    • @CliftonWP
      @CliftonWP  8 місяців тому +1

      Thank you so much! I appreciate you!

    • @drishtys
      @drishtys 7 місяців тому

      ​@@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)?

  • @דודארל
    @דודארל 2 роки тому

    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 UA-cam, thank you.

    • @CliftonWP
      @CliftonWP  2 роки тому +1

      Thank you so much and I appreciate you watching! 🙂

  • @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?

  • @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!

  • @alkattibb
    @alkattibb 8 місяців тому

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

  • @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.

  • @creationmsktours9698
    @creationmsktours9698 2 роки тому

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

    • @CliftonWP
      @CliftonWP  2 роки тому

      Thank you! I appreciate that!

  • @Yoshua-Robinson
    @Yoshua-Robinson 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.

  • @Chinmoy_ck_
    @Chinmoy_ck_ 2 роки тому

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

    • @CliftonWP
      @CliftonWP  2 роки тому

      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?

  • @TomaszWnuk
    @TomaszWnuk Рік тому

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

    • @CliftonWP
      @CliftonWP  Рік тому

      Thank you so much 🙂 I appreciate you watching!

  • @TheDiabeticJunky-yg4lw
    @TheDiabeticJunky-yg4lw Рік тому

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

  • @danielcr3989
    @danielcr3989 2 роки тому

    Gracias por tu conocimiento, Saludos de Perú

    • @CliftonWP
      @CliftonWP  2 роки тому

      ¡Eres muy bienvenido!

  • @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!

  • @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. 😃👌👍

  • @tropicalwedding
    @tropicalwedding 10 місяців тому

    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

  • @stephenbugden1270
    @stephenbugden1270 Місяць тому

    Excellent tutorial Clifton, thank you.
    Any chance to add in Kadence Shop Kit?

    • @stephenbugden1270
      @stephenbugden1270 Місяць тому

      I just discovered this which covers shop kit 🙂
      ua-cam.com/video/KT0P9v0Fv-c/v-deo.html

  • @МихаилСтасов-щ1и
    @МихаилСтасов-щ1и 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!

  • @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!

  • @juliocesarsobrino6248
    @juliocesarsobrino6248 Рік тому

    Amazing my friend!! Thank you very much :)

    • @CliftonWP
      @CliftonWP  Рік тому

      Thank you Julio! I appreciate you watching!

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 5 місяців тому

    Thankyou for this Useful vedio
    This is so Helpful for me

    • @CliftonWP
      @CliftonWP  5 місяців тому

      Thank you! I appreciate you watching!

  • @prinso83
    @prinso83 2 роки тому +1

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

  • @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?

  • @ahmedmaazouzi-shorttips8913
    @ahmedmaazouzi-shorttips8913 11 місяців тому

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

    • @CliftonWP
      @CliftonWP  11 місяців тому

      Thank you so much! I appreciate you!

  • @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!

  • @alexfullerton8099
    @alexfullerton8099 2 роки тому

    Great video, Clifton!

  • @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.

  • @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.

  • @faisalrabbani1
    @faisalrabbani1 Місяць тому

    love you Mr Kadence

  • @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.

  • @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!

  • @DeanHNZ
    @DeanHNZ 2 роки тому

    Really helpful. Thanks

    • @CliftonWP
      @CliftonWP  2 роки тому

      Thank you so much and you are very welcome!!

  • @NEERAZDHAMI
    @NEERAZDHAMI 9 місяців тому

    Love from india❤

  • @raccoon7557
    @raccoon7557 2 роки тому

    Awesome work! Five stars coach.

    • @CliftonWP
      @CliftonWP  2 роки тому

      Thank you so much! I appreciate you watching!

  • @hermanpinto9244
    @hermanpinto9244 2 роки тому

    Formidable, gracias.

  • @anam7735
    @anam7735 Рік тому

    Amazing tutorial🙂

    • @CliftonWP
      @CliftonWP  Рік тому

      Thank you! Thank you very much!

  • @somadinafanz6568
    @somadinafanz6568 2 роки тому

    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  2 роки тому

      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.

  • @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. ua-cam.com/video/Bp3oxyvK_Xg/v-deo.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!

  • @musictheory4u153
    @musictheory4u153 11 місяців тому

    Subscribed. You deserve it!

    • @CliftonWP
      @CliftonWP  11 місяців тому

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

  • @MSK-rt7zi
    @MSK-rt7zi 2 роки тому +1

    you made my future

    • @CliftonWP
      @CliftonWP  2 роки тому +1

      Wow! Happy to be of service! 🙂

  • @Jaydawg1250
    @Jaydawg1250 Рік тому

    You Rock dude. Thanks!

    • @CliftonWP
      @CliftonWP  Рік тому

      You are very welcome! I appreciate you watching!

  • @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!

  • @KaiBuskirk
    @KaiBuskirk 2 роки тому

    thank you clifton!

  • @davidsonzed
    @davidsonzed 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/

    • @davidsonzed
      @davidsonzed 2 роки тому

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

    • @CliftonWP
      @CliftonWP  2 роки тому +1

      @@davidsonzed You are very welcome!

  • @veronikastekla403
    @veronikastekla403 2 роки тому

    Thanks a lot for such a great practical videa Clifton!

    • @CliftonWP
      @CliftonWP  2 роки тому

      You are very welcome Veronika!

  • @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!

  • @_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.

  • @danmcmullen1661
    @danmcmullen1661 4 місяці тому

    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.

  • @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,

  • @PilatesinSacramento
    @PilatesinSacramento 2 роки тому

    Beautiful site, Clifton! 🙏

    • @CliftonWP
      @CliftonWP  2 роки тому

      Thank you! Much appreciated!

  • @Whitenoise541
    @Whitenoise541 Рік тому +1

    Thanks

    • @CliftonWP
      @CliftonWP  Рік тому

      Thank you so much Ricky! I appreciate you!🙏

  • @ionbuilds
    @ionbuilds 2 роки тому

    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  2 роки тому +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 2 роки тому

      @@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

  • @SmartHomeGadgets-b6i
    @SmartHomeGadgets-b6i Рік тому

    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.

  • @danir.8299
    @danir.8299 2 роки тому

    Great job dude ;) thx.

    • @CliftonWP
      @CliftonWP  2 роки тому +1

      Thank you so much! I appreciate you watching!

  • @inspiredtothrive
    @inspiredtothrive 2 роки тому +1

    Let’s GO!!

  • @rukhsanay1026
    @rukhsanay1026 9 місяців тому

    Very nice

  • @helmialsharif3246
    @helmialsharif3246 2 роки тому +1

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

  • @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.

  • @ramkhak
    @ramkhak 2 роки тому

    Thank you!!!

    • @CliftonWP
      @CliftonWP  2 роки тому

      You are very welcome! thank you for watching!

  • @jeffbarnhart6441
    @jeffbarnhart6441 5 місяців тому

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

    • @danmcmullen1661
      @danmcmullen1661 4 місяці тому

      I think it is this one. ua-cam.com/video/szZLgDrbqtg/v-deo.html

  • @anyab.9533
    @anyab.9533 7 місяців тому

    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.

  • @cgc2300
    @cgc2300 9 місяців тому

    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?

  • @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.

  • @rvm7479
    @rvm7479 10 місяців тому

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

  • @Sonictech66
    @Sonictech66 Місяць тому

    How do you setup the woo commerce cart with Kadence?

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Рік тому

    hi, Clifton, how to build a category page?

  • @Egomhansamuel
    @Egomhansamuel Рік тому

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

  • @tinocashinternational1
    @tinocashinternational1 2 роки тому

    🔥🔥🔥

  • @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

  • @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. :-)

  • @fabrictexture4767
    @fabrictexture4767 Рік тому

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

  • @realgenghiskhan
    @realgenghiskhan Рік тому

    new sub!

  • @nataliekolman8165
    @nataliekolman8165 8 місяців тому

    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?

  • @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.

  • @taboronline
    @taboronline 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: ua-cam.com/video/Bp3oxyvK_Xg/v-deo.html

  • @stephenbugden1270
    @stephenbugden1270 Місяць тому

    Am unable to create the gradient as explained in the section 'How to create a standout category section on the homepage'. The UI has changed and I can't see a location slider to change the length of the fade.

    • @stephenbugden1270
      @stephenbugden1270 Місяць тому

      I managed to achieve the effect by using the 'Control Point Position %' text box available when setting the gradient colours, just scroll down to see the text box which replaces the 'location' slider. It was a fiddle as the colours and angle kept changing which is presumably a bug.

    • @CliftonWP
      @CliftonWP  29 днів тому

      Thank you Stephen, I am happy you found a solution. I am currently working on an update to the E-commerce tutorial, please stay tuned!

    • @stephenbugden1270
      @stephenbugden1270 29 днів тому

      @@CliftonWP OK great, I'll look out for your new videos. Thank you.

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 5 місяців тому

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

  • @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!

  • @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!

  • @learnwithgemar9797
    @learnwithgemar9797 2 роки тому

    Menu doesn't show up. Where to troubleshoot?

  • @AngieEKnowlesTextileArtistry
    @AngieEKnowlesTextileArtistry 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.

    • @AngieEKnowlesTextileArtistry
      @AngieEKnowlesTextileArtistry 2 роки тому

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

    • @CliftonWP
      @CliftonWP  2 роки тому

      @@AngieEKnowlesTextileArtistry You are very welcome, Angie!

  • @fasterfalcon9608
    @fasterfalcon9608 8 місяців тому

    how can i create login button just like cart

  • @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

  • @SmartHomeGadgets-b6i
    @SmartHomeGadgets-b6i Рік тому

    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 ua-cam.com/video/fC8Zn01fESM/v-deo.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: ua-cam.com/video/Bp3oxyvK_Xg/v-deo.html

    • @SmartHomeGadgets-b6i
      @SmartHomeGadgets-b6i Рік тому

      @@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

      @@SmartHomeGadgets-b6i send to clifton@cliftonwp.com

  • @ARNBNDL
    @ARNBNDL Рік тому

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

  • @clove8461
    @clove8461 2 роки тому

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

    • @CliftonWP
      @CliftonWP  2 роки тому +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. 🙂

  • @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.

  • @ishashahid-xl7jh
    @ishashahid-xl7jh 5 місяців тому

    sir plzzz reply my msgs