Classes in Checkout Champ
Checkout Champ pages are powered by many unique classes and ids
Class
Description
fk-shopping-cart
Do not remove this from the shopping cart
fk-dynamic-cart-body
Do not remove this from the shopping cart
fk-dynamic-cart-row
Do not remove this from the shopping cart
fk-shopping-cart-minus
Do not remove this from the shopping cart
fk-shopping-cart-plus
Do not remove this from the shopping cart
fk-form-product-radio-checkbox
Define a product radio or checkbox
fk-form-select
Define a select
form-control-custom
form address information
dynamic-price-total
Place on a label?
dynamic-shipping-total
Place on a label?
discount
Place on a label?
grandTotal
The total amount of the order
savings
The total difference between product price and compareAtPrice for all products
cc-savings-negative
The total difference between product price and compareAtPrice for all products. With a negative sign.
compareAtTotal
The total compareAtPrice of all the items in the cart
btnPayPal
Add this to a button to trigger PayPal checkout
btnPayPal2
Add this to a button to trigger PayPal checkout
affirmButton
Add this to a button to trigger affirm checkout
klarnaButton
Add this to a button to trigger Klarna checkout
sezzleButton
Add this to a button to trigger Sezzle checkout
afterPayButton
Add this to a button to trigger afterpay or clearpay checkout
btnGoogle1
Add this to a button to trigger Google Pay with a dark button
btnGoogle2
Add this to a button to trigger Google Pay with a light button
btnAmazonGold
Add this to a button to trigger Amazon Pay with a gold button
btnAmazonLight
Add this to a button to trigger Amazon Pay with a light button
btnAmazonDark
Add this to a button to trigger Amazon Pay with a dark button
btnApplePay
Add this to a button to trigger Apple Pay checkout
id
Description
fk-dynamic-cart-head
Do not remove this from the shopping cart
others
Description
title = “price”
Show the product unit price in the legacy shopping cart
title = “total”
Show the product total price in the legacy shopping cart
