Style options:
In the customize page's Design > Styles section, you can modify font settings, text, buttons, background color, cart width, border radius for all elements, and custom styling using CSS.
Header section:
Customize the header title, adjust the close cart button position (left/right), and display cart item counts using .
Rewards:
Content > Rewards—dynamic messages for different reward types, including free shipping, free gifts, and discounts based on cart value. Customize the layout to display it as a progress bar or collapsible section.
Text Before and After Reward
Text before achieving reward (Progress):
Enter a message to inform customers how much more they need to spend to unlock a reward. Use to dynamically show the remaining amount.
Example: “You are away from free gift!”Minimum Spend Threshold:
Below the first message box, enter the minimum amount required to achieve the reward. Enter the value (e.g., “250”) and select the currency (e.g., “EUR”).Text after achieving reward (Congratulations):
Enter a congratulatory message to display when the customer reaches the reward threshold.
Example: “Congrats! You’ve unlocked free gift! 🎉”
Tooltip and Icon Options
Show Tooltip on Reward Hover:
When enabled (checked by default), a tooltip appears automatically when the threshold is reached, explaining the reward.Show Reward Icon:
Displays an icon next to the reward. You can select an icon from the dropdown; in this case, “Free Shipping” is selected.
Visibility Settings
Customer Tags:
Restrict the reward to only customers with specific tags by entering them here.
*This setup helps store owners communicate rewards clearly and motivates customers to meet defined goals for free gifts or perks.
Announcement messages:
Use the Announcements section to add custom messages about special offers, seasonal discounts, news, and more. You can auto-play multiple messages with customizable duration times.
Cart Lines:
Cart Layouts, Price & Quantity position controls and all added campaigns are listed below the cart lines.
Features:
Hide quantity control for free items (disabled by default)
Price multiplication by quantity
Customizable Price and Quantity controls
Option to leave a note to your order
Campaign configurations:
"Product Recommendation" and "Gift with Purchase" campaigns can be added and configured right below the Cart Line section.
Layout types: Each campaign offers multiple layout options: Slider, List, and List Slider.
Slider - a customizable slider, displaying up to 5 items per slide
List - items displayed in a single row
List slider - a list slider for small screens only
Appearance section: Includes controls for choosing the primary color (button color) , secondary color (background color), and primary text color.
Collapsible settings: Options to enable a collapsible container and to set whether it is initially open.
Slider Settings:
Products Per view - modify product size for per slides
Slides space controller - option to adjust spaces between slide
Slider Controls: Options to show arrows and bullets for better slider navigation.
Button Text customization: customizable button text with three state - Add, Adding and Added.
Quick view button:
Quickly view product details without leaving the cart. The eye icon appears next to the add product button and can be customized from Settings > Global Style.
Additional settings:
Product Click Action - Quick view / Open Product Page / No Action (by default)
Hide out of stock — out-of-stock products won't appear in the campaign
Hide added offers — offers already added to the cart will be hidden from the campaign
Discount Bar:
Have promo codes? No worries—there's a discount bar to apply them.
Express Payments:
Quick payments are available through PayPal, Apple Pay, Google Pay, and Shop Pay— all integrated into Llama Cart.
Step-by-step guide to setup:
Code snippet should be added to theme store to use the express payments.
Go to Online Store > Themes > Edit code
From layout folder > open theme.liquid
Add code snippet to the end of a body section wrapped by
<body> ... </body>Click "Save".
code snippet:
{% if additional_checkout_buttons %}
<style>.lcu-dynamic-express-payments {display: none;}</style>
<div class="additional-checkout-buttons lcu-dynamic-express-payments"> </div>
{% endif %}
