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 |