Create a Cart Page using Elementor [Elementor WooCommerce Shop]

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024
  • In this video, I'll take you through how to create a cart page using elementor for your WooCommerce website. We'll style everything up, add a menu cart widget to the header and enable a slide-in (sidebar) menu cart. We'll also add custom plus and minus quantity buttons on our quantity fields on the cart page.
    Timestamps:
    00:13 Intro
    01:27 Create a cart page
    07:30 Add child theme
    08:32 Add custom buttons
    12:28 Add menu cart
    Here is a step by step blog post: gotechug.com/c...
    ✅Get Elementor Pro gotechug.com/e...
    Plus & Minus buttons code snippet: www.businessbl...
    Product Archive Page: • Create a Products Arch...
    Single Product Page: • Create a Single Produc...
    Link to full playlist: • Elementor + WooCommerce
    _______________________________________________________
    🛠 Download My Free WordPress Beginner Toolkit: gotechug.com/t...
    _______________________________________________________
    ✅Get Envato Elements ( Thousands of Elementor Templates): gotechug.com/en...
    Preferred Elementor Themes
    ✅OceanWP theme: gotechug.com/o...
    ✅Astra theme: gotechug.com/a...
    ✅Kadence theme: gotechug.com/k...
    ✅Blocksy theme: gotechug.com/b...
    _______________________________________________________
    Awesome Elementor Addons & Plugins
    ✅Get Premium Addons here: gotechug.com/pr...
    ✅Get Elements Kit Addons for Elementor: gotechug.com/ek
    ✅Get Element Pack: gotechug.com/el...
    ✅Get Ultimate Addons for Elementor: gotechug.com/uae
    ✅Get Essential Addons for Elementor: gotechug.com/es...
    ✅Get Piotnet Addons for Elementor: gotechug.com/pafe
    ✅Get The Plus Addons for Elementor: gotechug.com/t...
    ✅Get NitroPack: gotechug.com/Ni...
    _______________________________________________________
    Productivity Tools
    🔔Get LastPass Password Manager: gotechug.com/la...
    🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fi...
    _______________________________________________________
    🔔Subscribe to my newsletter
    gotechug.com/n...
    Follow GoTechUG on Social Media
    / gotechug
    / gotechug
    ✅Buy me a Coffee: www.buymeacoff...
    For business inquiries send to: hamza@gotechug.com
    Background Music: By Ben Sound
    DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
    Thank you

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

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

    *NEW Course Alert* Enroll in my Elementor Pro BootCamp Course and learn to maximize Elementor Pro's
    dynamic and advanced features without coding. Get it NOW 40% OFF bootcamp.gotechug.com/

  • @user-rz2ve2lw1q
    @user-rz2ve2lw1q 8 месяцев назад

    Thank you so much for your assistance - it's been incredibly helpful!
    Question about the shopping basket on the mobile screen. How can I display a picture of the product?

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

    I followed your tutorial but the plus and minus button are still on top of each and not on either side of the box. How can I fix this?

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

    I have learned a lot from you by this video. But there is one question remaining. I don't know how to edit the text and background of the buttons; Continue shopping and Clear Cart. I want those titles in Dutch and in another color. I have not found that option yet. Can you help me out? I was able to adjust all the other texts, but unfortunately not these ones.

  • @maikeru1990
    @maikeru1990 8 месяцев назад +1

    Is the method to get Plus & Minus buttons for the quantity field still working? I've been messing with it for a bit and so far no dice on WP 6.4.2 & WC 8.4.0. I also activated the new child theme which I don't think was covered both here or on the Go Tech Ug's blog post so that it's the current active theme in use where the code snippet is installed and still it's not appearing. Activating the main Astra theme or the new Astra child theme makes no difference. (I did not modify the main Astra functions.php file.) Thanks!!

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

    Hello. How to change the X button for remove or delete product. Can we replace it with better button

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

    Great Tutorial :-)
    What is your main reason to use the Astra Theme instead of Elementor Hello Theme?

    • @GoTechUG
      @GoTechUG  Год назад +4

      Thanks Norain. Astra has much more better support for WooCommerce than Hello.

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

      @@GoTechUG okay thanks. :-)

  • @talhashahzad9189
    @talhashahzad9189 8 месяцев назад

    why my plus and minus button are on top of each other kindly help me in that

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

    by which plugin I can get cart widget

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

      Comes with Elementor Pro. Check the Cart Page video.

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

    How to remove shipping method from cart?

    • @maikeru1990
      @maikeru1990 8 месяцев назад

      Dashboard > WooCommerce > Settings | Advanced tab. From here you can edit zones and modify shipping settings.