SLIDE CART STYLE

Template


We have multiple templates for the Slide Cart. Once you choose the template, you're unable to customize it and it will override all the styles you set up before.

Style





Font family: Apply font family from Google Fonts for the whole Slide Cart. If you leave it blank, the app will display your theme's font.
Font size: Apply font size for the whole Slide Cart.
Button size: Modify sticky button size.
Cart drawer primary color: Apply color to checkout button and other buttons of different features.
Cart drawer secondary color: Apply color to text of button.
Cart drawer background color: Apply color to the Slide Cart's background.
Cart drawer footer background color: Apply background color to the footer of Slide Cart.
Text color: Apply color for the whole content of the Slide Cart.
Sticky button background color: Apply color to the background of sticky button.
Icon color: Apply color to the icon of sticky button.
Cart counter background color: Apply color to the background of cart countdown feature and cart counter.
Cart counter text color: Apply color to the number of cart counter.

ADVANCED SETTINGS

Show option value of variant: Show short form of product variant. For example: blue/small.
Show custom properties: Recommend to enable this option if you're selling product with extra options.
Note box: Display note box on the cart to allow customers leaving message for seller.
Cart upsells: Display the upsell feature in cart by Product recommendation of Shopify or Shopify Search & Discovery app.
Annoucement: Show a banner with countdown timer to announce your campaign or encourage customer to quick checkout.
Shipping goal: Allow setting goal for cart that your customers will get Free shipping once a specific cart goal amount is reached.
Edit variants: Allow customers to edit product variants in cart.
Estimate shipping rate: Allow customers to estimate shipping costs before checking out.
Discount code box: Allow customers to add discount code. Discount will be calculated and applied on the Checkout page.
Gift wrapping: Show an add-on service to offer gift wrapping item with checkbox layout.
Shipping protection: Show an add-on service to offer shipping protection item with toggle button layout.
Confirmation box: Display the confirmation checkbox. You could enable this option if you want customers to verify or accept something such as Terms & Conditions.
Trust badge: Allow customers to upload image to show trust badge at the bottom of the cart.
Express payment: Show payment button on the Slide Cart.
Sticky button: set up the sticky button of our app.

Note box


Enable note box: Tick on this option to enable the feature.
Show note box as side features: Allow note box to be shown as a button at the Cart footer.
Note label text: Add title below the note icon.
Note placeholder: Add content to the note placeholder.
Note title: Add content to display as a note title.
Save button text: Enter content to the Save button.

Cart Upsells



Enable advanced cart upsell: Tick on this option to enable the Cart upsells.
Upsell label: Enter the title of the Cart upsell
Upsell button text: Enter the name of the Add button
Upsell display type: Select the type of the Cart upsell
Upsell product card type: Change the Cart upsell layout
Show next upsell product: Tick on this option to show a part of next item.

If you want to set up the product in the Cart upsell by yourself, please refer to this article.

Annoucement



Show cart countdown/cart announcement: Tick on this option to show the cart announcement.
Announcement, countdown message: Message is displayed during timer counting backward.
Apply countdown timer: Set up countdown duration.
Action after countdown expired: Set action after the countdown timer expired:
Reset time: The countdown timer will be reset after expiring.
Clear cart: Added product will be cleared from the cart after expiring.
Do nothing.

Shipping Goal



Enable shipping goal: Tick on this option to enable the shipping bar
General goal value: Type a total cart amount for the shipping bar
Goal Reminder message: Enter the message in the “Goal reminder message” to motivate your customers to buy more and get free shipping.
Goal Achieved Message: Enter the message when customers reach the goal.

You should keep the {amount} tag, it is used to display the amount of money that your customers need to buy more to enjoy free shipping.

Enable shipping goals for different countries: You can tick on this option to add different total amount based on the different countries.
*Country: Type the country code that you want to apply the goal
Goal value: Add the total amount for this country
Add region: Add more countries to add different goals.
Update: Click this button to save the settings. For example:*


Edit variants





Edit variant title: Enter the title for the Edit variant box
Add to cart label: Enter the button name
Unavailable title: Show the title when the variant is unable to change
Sold out label: Enter the button name when the variant is sold out

Estimate shipping rate




Shipping title: Enter the title for the Calculate shipping rate box
Shipping label: Enter the title below the icon
Calculate shipping rate button text: Enter the apply button title
Empty shipping rate text: Enter a message to show up when there is no shipping rate for that region
Available shipping rate text: Show up when finding out the shipping rate box for the selected region

Discount code box





Discount code title: Enter a title for Discount code box
Discount code label: Enter the title below the icon
Discount description: Enter a description for the Discount code box
Discount placeholder: Enter the placeholder to the discount text box
Discount save button text: Enter the title for the Apply discount button
Show discount code next to icon: Tick on this option to show the discount code name when it is applied
Invalid discount code message: Show up when the discount is invalid to apply

Gift wrapping


Select gift wrapping product: Pick a gift wrapping product. You can refer to this article to learn how to set up a gift wrapping item.
Gift message placeholder: Enter the description for the Gift message box
Gift wrapping option: Choose an option to apply the price when adding the gift wrapping.
Gift wrapping checkbox text: Enter a message on the Slide Cart. Please don't remove the {priceOfWrapping} param.

Shipping protection


Select shipping protection product: Pick a Shipping protection item. You can refer to this article to learn how to set up a Shipping protection product
Shipping protection title: Add a title for Shipping protection box
Shipping protection description: Add a description below the Shipping protection title

By default, the Shipping protection will be added automatically. If you want to turn it off by default, please contact the support team through live chat.

Confirmation box



Enable Confirmation checkbox: Tick on this option to enable the feature
Confirmation checkbox message: Leave the confirmation message in the text field. Or you can keep the default message content and insert your link by pasting it in the tag ‘paste your link here'.

For example: I agree to the <a href='Qikify - Shopify Expert - Top Shopify services and Shopify apps’> Terms and Conditions </a>
Insert your URL by using HTML:
<a href="url">link text</a>
the <a> element is the href attribute, which indicates the link's destination.
The link text is the part that will be visible to the reader.
Clicking on the link text will send the reader to the specified URL address. Or using Convert text to HTML tool to customize text.

Trust badge



Enable Trust badge: Tick on this option to show the Trust Badge
Trust badge image: Upload an image directly or paste the image link to show the image.

If you want to increase the image size, please contact the support team through the live chat to receive an immediate assistance.

Express payment



Enable Express payment: Tick on this option to enable the feature.

Please kindly follow this article to know how to set up the other payment buttons.

Sticky button


Always hide sticky cart button: Tick on this option to hide the sticky cart button on storefront. You've hidden sticky cart, you should using theme buttons to open drawer
Hide sticky cart button when cart is empty: It will show up when the cart has an item
Enable draggable button: Tick on this option so that your customers could hold and drag the sticky cart button to another place on your storefront
Button icon: Change the icon of the sticky cart button. If you need to use your custom icon, please contact the support team through the live chat to receive an immediate assistance.
Position on desktop/position on mobile: Select the default position on desktop/mobile version.


If you need any assistance or have any questions, please don't hesitate to contact our support team through the live chat or send us a ticket. We'll respond to you as soon as possible.*

Updated on: 19/02/2025