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
    • Quick order list
  • Collection Page
    • 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 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. Sections

Collection list

PreviousMapNextMulticolumn

Last updated 8 months ago

Koto theme provides a section, namely "Collection list" in this section, you can show the collection as a collection list slider. You can display a maximum of fifteen collections in this section.

Setting
Description

Remove section spacing

By enabling this checkbox, you can remove spacing of the section.

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 defines the main heading of the section.

Text color

You can customize the foreground color of the heading by using the color option.

Size

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

  • Small

  • Medium

  • Large

Alignment

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

  • Left

  • Center

Display type

Customization of the "Display type" in the collection list is as follows:

  • Grid

  • Carousel

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.

Image ratio

In the section, Image size customization is as follows:

  • Adapt to image

  • Portrait

  • Square

Enable rounded image

Enable this checkbox to set collection image shape circle.

Show border around card

Enable this checkbox to show border around collection card.

Enable border around image

Use this settings to show border around collection image.

Border color

You can customize the border color by using this color option.

Style

Customization of the "Style" in the collection list is as follows:

  • Standard

  • Card

Card color scheme

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Text alignment

Customization of "Text alignment" as follows:

  • Left

  • Center

  • Right

Text size

Customization of "Text size" is as follows:

  • Small

  • Medium

  • Large

Enable arrow

Enabling this checkbox will display an arrow next to the collection title. Info: Arrow will not move to left when 'text alignment' is set to 'left'

"View all" button

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

Label

Use "Label" to add a label to the Button in the section.

Style

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

  • Link

  • Outline

  • Solid

Position

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

  • Top

  • Bottom

Carousel

Pagination style

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

  • None

  • Dots

  • Arrows

Disable arrows in mobile

Enable this checkbox to hide slider arrow from this section in mobile device.

Enable autoplay

Enable this checkbox to automatically rotate the images in the Collections.

Autoplay interval

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

Mobile layout

Number of columns on mobile

"Number of columns on mobile" is used for the customization of collection columns in Mobile devices.

  • 1 Column

  • 2 Columns

Add Collection

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

Block
Description

Collection

Select a collection to display collection in the section.

Collection name

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

Caption

Enter text to display as a caption or other text in the section.

Uppercase caption

Use this settings to show caption text in uppercase.

Live Chat Support | Webibazaar Template
Logo