Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles Shopify Theme

home/Documentation/Elessi Shopify Theme
Popular Search:Import demo, Update theme, Custom color
  • 1. GREETING
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to get Instagram Access Token
    • How to update the theme?
    • Import Demo
    • Recommend Shopify App
    • Some Basic Before Using Theme
    • Upload Theme
  • 4. RECOMMEND APPS
    • Facebook Messenger - Live Chat
    • Flash Search
    • Growave
    • LayoutHub
    • Loox
    • ReCharge
    • Ryviu
    • Slider Revolution 6
  • 5. UPDATE THEME
    • How to update the theme between versions 3.x.x
    • What is new in version 3.0
  • 6. PRODUCT PAGE
    • Advance Product Type
    • Back in stock notification (Notify me form)
    • Brand Image (Vendor Image)
    • Configure Metafield on Kalles 3.x - supported OS 2.0
    • Configure Product 3D, AR models
    • Configure Size Guides for Products on Kalles ver 3.x.x
    • Configure Submenu Labels and Custom Product Labels
    • Configure the notice: "Will not ship until..." for Pre-order product
    • Configure variant images for product in Shopify dashboard
    • Configure variant on the Product page
    • Frequently Bought Together
    • Product Description sidebar with Collapsible tabs
    • Product Summary option
      • Configure Product Summary - Blocks Content
      • Configure Product Summary - Settings
    • Use the Custom HTML with Metafields in the Description Product tab
  • 7. COLLECTION PAGE
    • Filter by Product Options
    • Filter by Tags
  • 8. THEME SETTINGS
    • Cart & Search Widgets
    • Checkout
    • Collection Page
    • Custom CSS, JS
    • Favicon
    • General Settings
    • Group Variants Image
    • Header
    • Header Configuration
    • Language, Currency
    • Layout
    • Logo Header
    • Other settings
    • Product Item Settings
    • Product Page Settings
    • Recommendation Pop-up Add to Cart
    • Social Media
    • Style and color
    • Typography
  • 9. THEME SECTIONS
    • About us
    • Banner
    • Banner Custom
    • Banner Custom 2
    • Collection Banner
    • Collection Grid
    • Collection List
    • Collection list
    • Collection List Manual
    • Collection List Packery
    • Collection Slider
    • Custom HTML
    • Custom Liquid
    • Custom Section
    • Custom Section 2
    • Daily Deal Of The Day
    • Gallery
    • Image with text
    • Image With Text Overlay
    • Packery Collection
    • Packery Collection Manually
    • Promo Text
    • Rich text
    • Search Section
    • Shipping Text Simple
    • Store Information
    • Tab Collection
    • Tab Collection Slider
    • Testimonials
    • Text Columns with Images
  • 10. SECTIONS
    • Age verification popup
    • Blog Manual
    • Blog Posts
    • Brand List
    • Configure Product Quickview
    • Cookie Law Info
    • Exit Product Popup
    • Footer bottom
    • Footer top
    • Mobile menu & Mobile Categories
    • Newsletter popup
    • Sales popup
    • Shopping Cart Widget
    • Sticky Toolbar Mobile
    • Text Columns with Images 2
  • 11. BLOG
    • Default Blog
    • Filter by Tag for Blog
    • Portfolio Configuration
  • 12. THEME FAQs
    • Change currency format on Checkout Page
    • Countdown timer & Design images option for all sections
    • Custom HTML code for Size Guide page
    • How to change title "Product" to other words on "Collections/All" page?
    • How to configure custom colors swatch for your store?
    • How to enable/ disable Terms & Condition checkbox on Cart sidebar/ Cart Page?
    • How to enable/disable "Shipping calculated at checkout"?
    • Trick, Helpful Custom CSS
  • 13. MAIN NAVIGATION
    • Configure Megamenu on Kalles 3.x (New Type block)
  • 14. VARIANT CONFIGURATION
    • Configure different ID for Product Variants
    • Configure product Grouped
    • Configure Variant on loop & Collection page
  • 15. PAGES
    • About us

Cart & Search Widgets

610 views 1 December 10, 2021 Updated on December 16, 2021 Dilys

The options into this tab used to configure for the Cart page, cart sidebar and search popup.

1. Cart Settings

  • Min quantity cart: This option is used to set the minimum quantity value in the Cart page and Cart sidebar. Has two values, “0” and “1“. If you set it is “0”, you will see a remove icon to remove product from the cart.  If you set the value to “1”, the user cannot reduce it to “0”.
  • Edit item mode: On the Cart page or Cart widget, when you add a product with variants to the cart, this option allows you edit the product variant that you added.

    – If you choose “Replace old item“, a popup will show when you click “Edit this item” on the cart. You can select another variant and click on “REPLACE ITEM” button to replace the old variant that you added earlier.– If you choose “Add new item“, when you clicking on “Edit this item” button on the cart and select another variant, you can add that variant to the cart without replace the old one.
  • Cart countdown: Countdown will display a timer on the Cart page to prompt users to order quickly. If you enable it, you can select the time if Minute or Hour to show.

2. Shopping Cart Widget

2.1. Shopping cart position

There are three choices:

  • Disable: If you select “Disable“, user will be taken directly to the cart when clicking on the cart icon on the header.

  • Hidden sidebar: The cart sidebar will show when clicking on the cart icon on the header.

  • Dropdown widget in header: The cart will shows as a dropdown on the header.

2.2. Action when an item is added to the cart

Here you can choose an action after adding a product to the cart. There are many options for you 🙂

  • No action, stay on the current page: Nothing happens when you click to add product to the cart.
  • Show popup: Popup will display when you click to add product to the cart.
  • Show popup recommendations: Popup with some products recommend will show after you click add a product to the cart.
  • Show hidden sidebar/dropdown: Cart sidebar or dropdown will display.
  • Go to Cart page: You will be taken directly to the cart page.

3. Search Widget

  • Search widget position: Here you can choose the position to show the search widget when you clicking on the search icon in the header.
    – Disable: If you “Disable” it, you will be taken directly to the search page when you click on the search icon on the header.
    – Hidden sidebar: The cart widget will shows at the right side as a popup.
    – Full screen: It will show up as a popup in the middle of the screen.
    – Dropdown widget in header: It will show right below the header.
  • Use AJAX search: If you enable this option, when entering a keyword to search, the results will be displayed right below.
  • Image search: Here you can select an aspect ratio, size and position of image on search widget.
  • Unavailable products: Specifies whether to display results for unavailable products. The three possible options are show, hide, and last. Set to last to display unavailable products below other matching results. Set to hide to exclude unavailable products from the search results.
  • Show Suggest Products: You can select a collection to display as suggested products directly below the search box.
  • Show Search Hot Key: Fill in some existing keywords so that users can click to search by those keywords without having to enter.

 

Was this helpful?

1 Yes  No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color