How to Make a Single Product Template for Woocommerce with Kadence

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024

Комментарии • 51

  • @abulhassan-a1a
    @abulhassan-a1a 3 года назад +5

    Can I ask everyone who is watching not to skip Ads when they start and watch them all to the end? this is the best way to support Jack as he is putting a lot of work and effort to help us, let's help him back
    Thank you all!

    • @JackCao
      @JackCao  3 года назад +1

      Thanks so much for this! Really appreciate it 😊

    • @abulhassan-a1a
      @abulhassan-a1a 2 года назад

      @@JackCao It is the nothing compared to the value that you give us

  • @sarahprince539
    @sarahprince539 3 года назад +1

    Hi Jack, love all your tutorials videos. They are jam-packed with so much value. Thanks for sharing with us. You are amazing.

  • @ericj810
    @ericj810 3 года назад +1

    I have just recently discovered kadence blocks and so forth, I will use it on my next project as it seems lightweight and not so hard to use. Thanks for the videos, it's a great starting point for using kadence for a first time user. Looks like a great wp site builder.

  • @dynamicchecklists127
    @dynamicchecklists127 6 месяцев назад

    Excellent tutorials. With just this video and the previous video, I feel like my customization game has gone up in a big way. I noticed Kadence now has "Woo Templates" for "Products", but it doesn't seem to have the same robust options as the hooks element. Wondering if you have any opinion about "Woo Templates" in Kadence Pro? All the best to you, Jack. :)

  • @MichaelFidelis
    @MichaelFidelis 3 года назад +1

    Great work Jack!

    • @JackCao
      @JackCao  3 года назад

      Thank you! 😊

  • @guillermogomez4992
    @guillermogomez4992 2 года назад

    You are the best at explaining. When will the / shop, / cart and / checkout customization video with Gutenberg?

  • @BlueRoosterChimineas
    @BlueRoosterChimineas Год назад

    The ACF boxes created in the product editor are not accepting html markup, comes through as text. Do I need ACF pro for that? Also, your customizer WooCommerce link shows a "Single Product Layout" tab. Is that because it is a Kadence theme or a WooCommerce Add on?

  • @vickovaldano4692
    @vickovaldano4692 3 года назад +1

    Hii nice vid!! Please make video about local host wordpress and set the domain.. Maybe with Pro and Cons local and website hosting service.. Thank youu

    • @JackCao
      @JackCao  3 года назад +1

      Hmmm... I have not used a local host so I don't think I am qualified to create a tutorial like this. Maybe when I get more into helping local businesses, I may revisit this idea. Thanks for sharing! 😊

  • @muslimmine4057
    @muslimmine4057 3 года назад

    Hi Jack thx for this awesome video. Is it possible to make this transparent backgroud only to some products ?

  • @Ab_Khalique
    @Ab_Khalique 2 года назад

    Hi sir, i am using free kadence theme but there is no option available for shipping address. Only billing address is visible on checkout page. Please guide.

  • @dougbeggs3832
    @dougbeggs3832 2 года назад

    I built an element with dynmaic content for single product page following as closely as I can. I started with a fresh website and existing single product. Everything worked, but when I try to duplicate or add a new product, part of the product editing pages is missing - on the edit sidebar there is no longer a main product image edit available. Likewise I am unable to edit the main product image on the product I just added the dynamic fields to. However, when I tried this on a different website where I built single product based on your earlier video of the custom product page (with the Knife) I didn't have the same issue. So I copied the convert to Gutenberg code used in that video into my functions.php in the new site and every works as it should.

  • @jeffreyhuen
    @jeffreyhuen 3 года назад

    Have you tried playing around with the upcoming full site editing yet?

  • @TFGourmet
    @TFGourmet 2 года назад

    can this be done with astra?

  • @TeddyPetcu
    @TeddyPetcu 2 года назад

    Hi Jack, thanks for the video. Is possible to have multiple different templates for single products based on different categories? I mean one template for a type of products, another one for a different type of products. Thank you.

  • @rassulkz4486
    @rassulkz4486 3 года назад

    Hi, is it possible to make a photo review feature on this product page without using a plugin for that? Thanks for this great video

  • @MAORCOHEN054
    @MAORCOHEN054 2 года назад

    Hi Jack, great video, thanks! i have a question for you as i didnt get an answer anywhere for 3 days now... i want to use dynamic image in my single product page. just a regular image that taken from advanced custom field i create. i didnt find a way to do that as the "Image" block in gutenberg has no dynamic option... is there any way to do that? thank you!

  • @Nima-Norouzi
    @Nima-Norouzi 3 года назад +1

    Hi, I assume we can use the same process for building a single post page.
    If we start from scratch we can make a Home page(Front page) and design it to our desire design using a Gutenberg plugin such as PostX to build a professional looking News (Magazine) website.
    Now, we need to build other pages such as Single post, Category (Archive), Author and so on...
    In this situation how can we assign your method to those pages as we don't have those pages?
    It's not as simple as making those pages in the normal way.
    In your video, you already have product page from WooCommerce. But how can we have those pages for a News website?
    I know that the Themes provide some of those pages but we can't design them as we want.
    Thanks

    • @JackCao
      @JackCao  3 года назад +1

      Hi Nima, not sure if this is what you want, but have you watched this video? ruclips.net/video/X4vKrjcSpI8/видео.html

    • @johan1206
      @johan1206 3 года назад +1

      With kadence, at least, you can add these Kadence Elements on Category and Author pages aswell

    • @Nima-Norouzi
      @Nima-Norouzi 3 года назад +1

      @@JackCao yes I've seen it before, but as I mentioned before, even on that video you just built a Home page (Front page) which is a static page and it's very easy to customise and design as we want.
      My concern is about designing other dynamic pages such as Category, Single post, Archive, Author ... pages which you do not have access to them.
      How can we design there? The default design of those pages that comes with Themes are very limited and not much you can do to customise those pages.

    • @Nima-Norouzi
      @Nima-Norouzi 3 года назад +1

      As an example, with Elemntor you can make template for all those pages(Single post, Category or Archive, Author, ...pages) easily.
      So now, how can we achieve this with Kadence Theme with helping any other plugins???

    • @JackCao
      @JackCao  3 года назад +1

      @@Nima-Norouzi Please check out my collection of videos. I have done a lot of tutorials on how you can build home pages, customize category pages with hooked elements. They are all step by step. I am not sure why you are saying Kadence is limited even after I have created those videos 🤔

  • @lizardltd
    @lizardltd 2 года назад

    i don't have a big budget, i can't buy the pro version of keidence. is there any way of creating a store in Gutenberg for free?

    • @JackCao
      @JackCao  2 года назад +1

      Yes you can but you wont be able to create templates. You'll have to use the default woocomerce product page. You'll have to activate Gutenberg on product page using some codes. Search on youtube "activate gutenberg on product page"

    • @lizardltd
      @lizardltd 2 года назад +1

      @@JackCao Thank you so much! I appreciate it

  • @jofo9865
    @jofo9865 3 года назад

    Thanks for your good videos, can I ask if there is anyway I can do this without kadence pro ?

    • @JackCao
      @JackCao  3 года назад +1

      Do it with jackcao.com/blocksy If you are looking for free stuff, then I don't think this is possible.

  • @Anasizil
    @Anasizil 3 года назад

    hello jack what do you think of the new divi update concerning the speed? is it worth buying or not please let me know what you think

    • @JackCao
      @JackCao  3 года назад +1

      I think the update makes little difference to site speed. If you check out videos from other channels, you will see that Divi is still fetching around 60+ score on Google Page Speed Insights for mobile.

  • @victoitor
    @victoitor 3 года назад

    On your accordion, it used to be an item list, if I remember correctly, and now it's a text area with HTML code, which looks much worse. Is it possible to have a custom field with Gutenberg blocks or copy the code of Gutenberg blocks to post on that text area?

    • @JackCao
      @JackCao  3 года назад +3

      It is possible to use Gutenberg Blocks (Icon List) with dynamic content, but can you be sure that the number of features for each product will exactly be the same? What if in the template, there is 4 list items, but in one of your product, it only has 3? For such a case, you would need JavaScript conditions to hide the extra blank item from your template, so this is no easy task. If you want to do it with ACF, it is possible, but you would need the pro version of Advanced Custom Field to access its Flexible Content. So, having a text area is the easiest way to display content with lots of variations.

    • @pomkaboo3570
      @pomkaboo3570 2 года назад

      @@JackCao at list in ACF (free) you can use WP standard text editor (tinyMCE) as custom field type (WYSIWYG Editor) and create list visually in it.

  • @rounakdey2646
    @rounakdey2646 3 года назад

    Nice video again....is there any way to download a page or post or landing page as a template using Gutenberg editor to send someone? So it can be used in another WordPress

    • @JackCao
      @JackCao  3 года назад +1

      Yes, you need to convert it to reusable blocks before it can be downloaded and shared.

    • @rounakdey2646
      @rounakdey2646 3 года назад

      @@JackCao can do that for a whole page where there will be multiple row layout

    • @JackCao
      @JackCao  3 года назад

      @@rounakdey2646 That case you need to nest all the blocks into one row layout and convert that into reusable blocks. An alternative is to use a migrator plugin like duplicator pro to transfer an entire website.

    • @Nima-Norouzi
      @Nima-Norouzi 3 года назад

      Hi, I assume this would be the same process of building a single post page.
      But, assume we start from scratch and make a front page of our desire design with helping whatever Gutenberg plugin add-on such as PostX plugin specifically for making magazine layout.
      So far, we can make a professional looking News website front page (Home page) easily.
      So, now we need to use your method to build Single post page, Category (Archive) page, Author page and...
      But, we don't have those pages and it's not as simple as adding new pages with those names as I understood.
      How can we achieve that result for other require pages for a News(Magazine) website???
      Thanks

  • @izakniemann5734
    @izakniemann5734 2 года назад

    It sounds like you're saying "custom fuse" instead of "custom fields". That was confusing...