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

Map

PreviousText with iconsNextCollection list

Last updated 8 months ago

Displays an interactive map for locations or directions. Customize the map's appearance as needed.

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

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

Google maps embed code

Use this settings to insert the google maps embed code to display a location directly.

Desktop map position

The desktop map position customization section is as follows:

  • Left

  • Right

Content alignment

Customization of text alignment in desktop and mobile devices is as follows:

  • Left

  • Center

  • Right

Mobile layout

Map address display on mobile

"Map address display on mobile" is used for the customization of columns in Mobile devices.

  • 1 Column

  • 2 Columns

Add store

To add block to the map section, click on the 'Add store'. There is only option "Add store" is available , as you can see in the below points and screenshot.

Block
Description

Heading

Heading

Enter text to display as a title of this block.

Heading size

Following is the font size customization of the heading in this block:

  • Small

  • Medium

  • Large

Address

Heading

Enter text to display heading as a address.

Text

Enter text to display as a Address details.

Phone

Heading

Enter text to display heading as a phone/call.

Text

Enter text to display as a phone number.

Email

Heading

Enter text to display as a Email heading.

Text

Enter text to display as a Email id.

Map address

Map address

Use text to show as a label to the Button in the section.

Button style

Customization of the "Button style" in the map section is as follows:

  • Link

  • Outline

  • Solid

Live Chat Support | Webibazaar Template
Logo