How To Create A Custom Woocommerce Divi Shop Page With An Add To Cart Button | Divi Tutorial 2022

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • In this tutorial, I will show you how to create a custom Divi shop page with add to cart button. Divi theme is absolutely awesome, it is one of my favorite WordPress themes for building amazing websites but when it comes to building eCommerce websites, the Divi theme is missing an important function ''the add-to-cart button on the shop page.
    ☑️ Get Divi Theme: wplifestyle.com... (10% Off)
    ☑️ Get DiviFlash: wplifestyle.com... ( use WPLifeStyle20 for 20% off)
    ----------------------------------------------------------------------------★
    ☑️ Other Links & Tutorials I Mentioned in The Video
    ▶️ Woocommerce Divi Tutorial: • How To Create An eComm...
    ▶️ Divi Flash Tutorial: • How To Create An Advan...
    ----------------------------------------------------------------------------★
    Want to say a quick thank you? why not buy me a coffee ☕
    👉 wplifestyle.co...
    ----------------------------------------------------------------------------★
    ★★ WORDPRESS PRODUCTS & SERVICES ★★
    If you like what I do and would like to support the channel, please consider the below affiliate links when purchasing any of the products, plugins, or themes covered in my tutorials. Thank you for your support!
    ----------------------------------------------------------------------------★
    🙋‍♂️RECOMMENDED HOSTING PROVIDERS
    ☑️ Siteground: wplifestyle.com...
    ☑️ NameHero: wplifestyle.com...
    ☑️ Cloudways: wplifestyle.com...
    ☑️ Hostinger: wplifestyle.com...
    ----------------------------------------------------------------------------★
    🙋‍♂️PREFERRED VISUAL PAGE BUILDERS
    ☑️ Brizy: lnkj.in/t/brizy
    ☑️ Divi: lnkj.in/t/divi
    ☑️ Elementor: lnkj.in/t/elem...
    ----------------------------------------------------------------------------★
    🙋‍♂️RECOMMENDED WORDPRESS PLUGINS
    ☑️ Motopress Hotel Booking Plugin: lnkj.in/t/moto...
    ☑️ Shop Engine Pro: lnkj.in/t/shop...
    ----------------------------------------------------------------------------★
    🙋‍♂️RECOMMENDED WORDPRESS THEME
    ☑️ Divi Theme: lnkj.in/t/divi (10 OFF)
    ☑️ Sonaar Music & Podcast Theme: lnkj.in/t/sonaar
    ☑️ Kadence Pro: lnkj.in/t/kadence
    ☑️ Molti Woo Divi Child Theme: lnkj.in/t/molti ( use WPLifeStyle15 for 15% off)
    ----------------------------------------------------------------------------★
    ★★ EXCLUSIVE WPLIFESTYLE DISCOUNTS ★★
    ☑️ Get DiviFlash: wplifestyle.com... ( use WPLifeStyle20 for 20% off)
    ☑️ Motopress Hotel booking Plugin: lnkj.in/t/moto... (use wplifestyle for 10% off)
    ☑️ Molti Woo Divi Child Theme: lnkj.in/t/molti ( use WPLifeStyle15 for 15% off)
    ----------------------------------------------------------------------------★
    ☑ Watched the video!
    ☐ Liked?
    ☐ Subscribed?
    lnkj.in/t/wpli...
    ----------------------------------------------------------------------------★
    🙋‍♂️LET'S CONNECT:
    ☑️ Instagram: / wplifestylee
    ☑️Facebook: / wplifestylee
    ☑️Twitter: / wplifestylee
    ☑️Facebook Group: lnkj.in/t/fbgroup
    Please visit our website for additional information, free templates, and child themes!
    👉 wplifestyle.com/

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

  • @rebeccastaines
    @rebeccastaines 4 месяца назад

    This is an incredibly helpful video! Thank you so much for making it!

  • @chrisbenn
    @chrisbenn Год назад +3

    SUper nice video! :) But how do you get the side bar to display Product categories and the rest of it?

    • @WpLifestyle
      @WpLifestyle  Год назад +2

      Go to WordPress Dashboard > Appearance, then widgets and drag whatever you want to display in your sidebar inside the sidebar widget

    • @chrisbenn
      @chrisbenn Год назад +1

      @@WpLifestyle Thank you for your reply! :-) I followed your videos but when I Set the "Shops page" as the "home Page" In "Settings" - "reading" - "Your homepage displays" - "A static page" and I select the "Shop" page as the "home page/landing page" is just blank! Do you know why?

  • @dessertopia101
    @dessertopia101 Год назад +1

    Awesome Video, I need serious help, my shop page is not aligned, some are big and small does not look neat please help

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

      Check out the contact page on my website to request for help.

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

    love

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

    Thank you for sharing amazing content can you make same shop page using elementor with any other theme is it possible??

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

      Yes, with elementor pro, check out this tutorial: ruclips.net/video/InyIYz0E9hg/видео.html

  • @FaizanShahAhmad
    @FaizanShahAhmad Год назад +1

    cant we have a free add to card button on the products on the shop page man!

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

    "Product Grid" does not appear in my list of DiviFlash Moduels. Is it now called CPT Grid?

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

      No CPT is for custom post type, Product Grid is still available, just search for it using the search bar.

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

      @@WpLifestyle Thank you, you respodned faster than DiviFlash support. The issue was, by defautl, Producgt Grid is disabled in DiviFlash > Modules in WordPress dashbaord.

    • @WpLifestyle
      @WpLifestyle  2 года назад +2

      Oh my bad, I thought you did that already, I mentioned you need to disable modules you don’t need and enable only the ones you need in this tutorial ruclips.net/video/yl55pn63reo/видео.html to avoid loading unnecessary code on your website if you’re not using the modules

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

      I’m glad you figured it out though, good luck with your website

  • @mrdarryk1
    @mrdarryk1 4 месяца назад

    You really should SLLOW DOWN and stop running so fast. Your videos are pretty good but your moving to fast....