How to set up Slide Cart Style and Advanced options?
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.
- 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.
- **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
- 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.
- Express payment
- **Enable Express payment: **Tick on this option to enable the feature.
- 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.
Updated on: 19/02/2025
Thank you!