Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • How to create product template?
    • Quick order list
    • Recently viewed product
  • Collection Page
    • How to create collection template?
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Header

Collection icons

PreviousMega menuNextSecondary menu

Last updated 11 months ago

CtrlK

Use this section to display collections with icon in the slider.

Section
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Heading

Text

Enter text to display as a title in the section.

Text color

Enter color code to change title color in the section.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Customization of the "Heading alignment " in the section is as follows:

  • Left

  • Center

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “4” and a maximum of “9” collections.

Number of columns on mobile

"Number of columns on mobile" is to customize the column on the mobile screen. You can show 2 or 3 columns in mobile view.

Display type

Customization of the "Display type" in the section is as follows:

  • Grid

  • Carousel

Card

Style

Customization of the "Card style" in the section is as follows:

  • Standard

  • Card

Position

Customization of the "Card position" in the section is as follows:

View all button

Enable "View all" button

By enabling this checkbox, you can see "View all" button if list includes more collections than shown.

Label

Enter text to display as a "view all" button in the section.

Style

Customization of the "View all button" style in the collection icons section is as follows:

  • Link

Carousel

Style

This feature specifies the design and appearance of pagination controls like below.

  • None

  • Dots

  • Arrows

Disable arrows in mobile

Add Collection

To add collection to the collection icons section, click on the 'Add Collection'. There are many options available similar to the collection icons, as you can see in the below points and screenshot:

Block
Description

Icon

In the section, the icons are given to select.

Icon color

You can customize the color of the icons by using the color option.

Image

This feature specify image width in a section. You can set the “50px” width and height of image and it aplicable when icon is set to none.

Title

Enter text to display as a collection name in the section.

Custom link

Use "Custom link" to add a link to the collection in the section.

Vertical
  • Horizontal

  • Color scheme

    In this card, you can change the background and foreground color of a section using the color scheme.

    • Scheme 1

    • Scheme 2

    • Scheme 3

    • Scheme 4

    • Scheme 5

    Alignment

    Customization of the "Alignment" in the section is as follows:

    • Left

    • Center

    • Right

    Name size

    Customization of the "Name size" in the section is as follows:

    • Small

    • Medium

    • Large

    Uppercase name

    Enable this checkbox to show text in uppercase.

    Card shadow

    Enable this checkbox to show box-shadow in collection card of this section.

    Card radius "Card radius" is to customize the radius of collection card in the section. You can set radius minimum “0” and a maximum “40” px.

    Outline

  • Solid

  • Position

    Customization of the "View all button position" in the collection icons section is as follows:

    • Top

    • Bottom

    Enable this checkbox to hide arrow in mobile view.

    Enable autoplay

    Enable this checkbox to automatically rotate the images in the logo list.

    Autoplay interval

    Use the bar to set the auto-rotate time of the logo list slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

    Live Chat Support | Webibazaar Template
    Logo