Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • 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.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Map

PreviousPageNextLookbook

Last updated 9 months ago

The Map Section allows you to embed a map on your Shopify store, providing customers with a visual representation of your store's location. This section is particularly useful for brick-and-mortar businesses looking to showcase their physical presence or for online stores looking to highlight specific locations, such as event venues or points of interest.

Setting
Description

Make section full width

By enabling this checkbox, you can make full width section.

Heading

Enter text to display as a title in the section.

Heading size

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

  • Small

  • Medium

  • Large

Description

Enter text to display as a description in the section.

Description style

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

  • Body

  • Subtitle

  • Uppercase

Google maps embed code

Show your shop's location in google maps. you can find the embed code by searching your store in google maps, clicking 'Share' and then choosing 'Embed a map'.

Content alignment

Customization of the "Content alignment" in the map section is as follows:

  • Left

  • Center

  • Right

Content 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

Modifying the color of the background on hover will result in a corresponding color change for the collection card hover background. Modifying the color of the text on hover will result in a corresponding color change for the Collection card hover text.

Add block

To add blocks to the Map section, click on the 'Add Content'. There are many options available similar to the Map.

Setting
Description

Heading

Enter text to display as a title in the section.

Subheading

Enter text to display as a subheading in the section.

Description

Enter text to display as a description in the section.

Button label

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

Button link

Use "Button link" to add a link to the Button in the section.

Button style

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

  • Link

  • Outline button

  • Solid button

Live Chat Support | Webibazaar Template
Logo