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

Promotion code

PreviousSingle bannerNextCategory products

Last updated 8 months ago

Koto theme provides a section, namely "Promotion code" in this section, you can show the discount or offer code. You can display a maximum of Five code in this section.

Setting
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

Layout

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

  • Wide

  • Container

Add Text

To add text to the promotion-code section, click on the 'Add Text. There are only option available, as you can see in the below points and screenshot:

Setting
Description

Text

Enter text to defines the title of the code text.

Uppercase text

Allows you to enable uppercase text styling for text.

Outline text

Check this box to use of outline text in this block.

Icon

In the section, the icons are given to select.

Icon size on desktop

This feature to specify icon width in a section. You can set the icon width minimum of “20px” and a maximum of “60px”.

Code

Enter text to display as a promotion code in the section.

Uppercase text

Enable this checkbox to show promotion code in uppercase font style.

Outline text

Check this box to use of outline text of promotion code in this block.

Alignment

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

  • Left

  • Center

  • Right

Text size on desktop

You can adjust the font size on desktop device and set it to the minimum size of “20px” and a maximum size of “60px.”

Live Chat Support | Webibazaar Template
Logo