Woocommerce Checkout & Cart Page Customization Tutorial (Elementor Free Version)

Share this & earn $10
IdeaSpot
Published at : 10 Jan 2021
41485 views
589
20

You'll learn how to optimize and customize your woocommerce checkout & cart page. Do you want to setup your woocommerce cart and checkout with an upgraded layout design? This will definetly help. You'll also learn to add custom built headers and footers built in Elementor to your cart and checkout. We do this using only free themes and plugins.

You'll find all the CSS we added to this store on our blog here:
https://ideaspot.com.au/blog/woocommerce-customize-cart-and-checkout/

We did this to change the description text size and make it a little larger. Plus we changed to button on the cart page to match the rest of our theme. You'll need to change to button background color HTML to match your own preference. You can also change the hover color of the button with this CSS too.

For this tutorial we are using the Astra theme with an Astra starter template. By adding the 'Woocommerce Blocks' plugin, we can upgrade our cart and checkout to a newer version. Then using the Astra header and footer block editor, we can futher customize our cart and checkout pages using Elementor (the free version).

Tips:
1) Adding the cart block @3:37 looks a bit different now in the latest version of WordPress:
https://snipboard.io/xMO1UK.jpg

After clicking the '+' to add a block, you can either search 'cart' or 'browse all' and find the cart block near the bottom of the left menu.

Also the gear icon in the top left of screen will show your block settings if its not already showing.

Refer to the yellow highlights on the snipboard image I posted above

2) This plugin doesn't work with all payment gateways, I'd recommend using 'stripe credit card' with the stripe plugin: https://wordpress.org/plugins/woocommerce-gateway-stripe/ and/or using the standard paypal gateway that comes with WooCommerce.

More details are here:
https://wordpress.org/support/topic/payment-options-missing/
and
https://docs.woocommerce.com/document/cart-checkout-blocks-support-status/

-------------------------------
woocommerce checkout page customizationcustomize woocommerce checkout pagewoocommerce checkout page

LEO WEEKLY DECEMBER 16 -23 * THIS IS COMING TO YOU, ALLOW IT *

LEO WEEKLY DECEMBER 16 -23 * THIS IS COMING TO YOU, ALLOW IT *

Mike Perry ft. The Vamps & Sabrina Carpenter - Hands (Lyrics)

Mike Perry ft. The Vamps & Sabrina Carpenter - Hands (Lyrics)

HOW 2 WARZONE

HOW 2 WARZONE

Stupid action! Why Jane doesn't stop this bad girl tries to steal milk from baby Jody

Stupid action! Why Jane doesn't stop this bad girl tries to steal milk from baby Jody

Ed Lapiz - "Rapture" and Other End-Time Issues

Ed Lapiz - "Rapture" and Other End-Time Issues

BTS (방탄소년단) 'Anpanman' @ TODAY Citi Music Series

BTS (방탄소년단) 'Anpanman' @ TODAY Citi Music Series

Dream It Possible - Delacey - Sueña Lo Posible

Dream It Possible - Delacey - Sueña Lo Posible

If You Can Finish This Pho In 90 Minutes It's Free

If You Can Finish This Pho In 90 Minutes It's Free

"Plastic Fan" EP3

"Plastic Fan" EP3

Great Place to Work

Great Place to Work

Soiled Hate Nov 7th 2019 Part.1

Soiled Hate Nov 7th 2019 Part.1

Level 1 -  A Pretty Face

Level 1 - A Pretty Face

Reworking a Wiring Harness, part 3

Reworking a Wiring Harness, part 3

What the State Flag of Florida Should Really Be - Wanda Sykes

What the State Flag of Florida Should Really Be - Wanda Sykes

Keep In Mind - Lucien Deiss, CSSp

Keep In Mind - Lucien Deiss, CSSp

(EPIC FAIL) They Went INSANE Really Quick "GET OUT NOW!!!"

(EPIC FAIL) They Went INSANE Really Quick "GET OUT NOW!!!"

CRASHING CARS INTO A POND! w/ Heath Hussar | Send It City

CRASHING CARS INTO A POND! w/ Heath Hussar | Send It City

'The Significant Other' | Now showing!

'The Significant Other' | Now showing!

Oddly Satisfying Video That Gives You Heavenly Feelings and Relaxes Your Mind Before Sleep

Oddly Satisfying Video That Gives You Heavenly Feelings and Relaxes Your Mind Before Sleep

A Competent Handmaiden Chapter 48 English

A Competent Handmaiden Chapter 48 English

Plausible Meaning

Plausible Meaning

TOP 6 PERFECT TOOLS/IDEAS FOR YOU

TOP 6 PERFECT TOOLS/IDEAS FOR YOU

“Previously” by Allan Ahlberg

“Previously” by Allan Ahlberg

YSN Flow - Research (Audio)

YSN Flow - Research (Audio)

Yndi - Ailleurs | A COLORS SHOW

Yndi - Ailleurs | A COLORS SHOW

The 6 People You SHOULDN'T Seek Advice From...... And The 6 You Should!

The 6 People You SHOULDN'T Seek Advice From...... And The 6 You Should!

Digital Transformation Strategy: McKinsey Leap and Business Building - CxOTalk

Digital Transformation Strategy: McKinsey Leap and Business Building - CxOTalk

Brielle Lesley - As Long As ft. Payroll Giovanni

Brielle Lesley - As Long As ft. Payroll Giovanni

Super plus size model in the world - Nicole Denise Johansson

Super plus size model in the world - Nicole Denise Johansson

[Playlist] 갓 내린 커피를 닮은 따스한 음악 한 잔ㅣ추위를 녹여주는 따뜻한 카페 플레이리스트ㅣBest Popular Songs Of 2019

[Playlist] 갓 내린 커피를 닮은 따스한 음악 한 잔ㅣ추위를 녹여주는 따뜻한 카페 플레이리스트ㅣBest Popular Songs Of 2019

40 LA Restaurants You Need To Eat In Your Lifetime | The Ultimate List

40 LA Restaurants You Need To Eat In Your Lifetime | The Ultimate List

Coronavirus: Amsterdam residents frustrated after days of nationwide riots

Coronavirus: Amsterdam residents frustrated after days of nationwide riots

i self-published a poetry book that sold 20,000 copies (a self-pub how-to)

i self-published a poetry book that sold 20,000 copies (a self-pub how-to)

MOTHERS DAY GIFT IDEAS 2020 | Thoughtful & Personalised Presents

MOTHERS DAY GIFT IDEAS 2020 | Thoughtful & Personalised Presents

I THOUGHT WE'D BE ABLE TO FILM IN HERE

I THOUGHT WE'D BE ABLE TO FILM IN HERE

13+ Survival Gardening Crops To Grow To Live Off Your Garden

13+ Survival Gardening Crops To Grow To Live Off Your Garden

GIRLS PROBLEMS IN SUMMER || 28 RELATABLE SITUATIONS

GIRLS PROBLEMS IN SUMMER || 28 RELATABLE SITUATIONS

Ileana and Varun Dhawan Perform On Hero | DID Lil Masters 3

Ileana and Varun Dhawan Perform On Hero | DID Lil Masters 3

How to TAKE CARE of a PUPPY? 🐶 Complete Guide to Puppy Care

How to TAKE CARE of a PUPPY? 🐶 Complete Guide to Puppy Care

(there's such a lot of world)

(there's such a lot of world)

Somatoform Disorders (Somatic Symptom, Conversion, Illness Anxiety, Factitious, Malingering)

Somatoform Disorders (Somatic Symptom, Conversion, Illness Anxiety, Factitious, Malingering)

5 Cars You'd Be Stupid to Buy Right Now

5 Cars You'd Be Stupid to Buy Right Now

IELTS SPEAKING | Describe an interesting event in your school

IELTS SPEAKING | Describe an interesting event in your school

What is referred to as Health?

What is referred to as Health?

Handel's Messiah (Part I) - Gramophone Chorus

Handel's Messiah (Part I) - Gramophone Chorus

The Moderna Vaccine’s Antibodies May Not Last As Long As We Hoped

The Moderna Vaccine’s Antibodies May Not Last As Long As We Hoped

PAANGAT PO TAYO | HELP OTHERS ACHIEVE THIER DREAMS AND YOU WILL ACHIEVE YOURS   | Shining TV

PAANGAT PO TAYO | HELP OTHERS ACHIEVE THIER DREAMS AND YOU WILL ACHIEVE YOURS | Shining TV

Children's book read aloud | I Really Like Slop! by Mo Willems

Children's book read aloud | I Really Like Slop! by Mo Willems

Habits That Can Make You Rich - Robert Kiyosaki [Millennial Money]

Habits That Can Make You Rich - Robert Kiyosaki [Millennial Money]