BC Beautica Documentation
Open a Store for FREEOther ThemesBuy Theme
  • Greeting
  • Changelog
  • Theme Support
  • Full Theme Features
  • Installation
    • Install Theme
  • Header
    • Header Layout
    • Promotion Text
    • Store Logo
    • Dropdown Menu / Mega Menu
    • Quick Search
  • Footer
    • Footer Layout
    • Common Settings
    • Footer Top
    • Footer Bottom
  • Home Light
    • Home Promotion
    • Main Carousel
    • Home Banner 1
    • Product Block 1
    • Home Banner 2
    • Product Block 2
    • Product Block 3
    • Home Recent Posts
    • Home Brands
    • Instagram Block
  • Home Bold
    • Main Carousel
    • Home Banner 1
    • Product Block 1
    • Product Block 2
    • Home Banner 3 - 1
    • Home Banner 3 - 2
    • Product Tabs Block
    • Home Banner 4
    • Home Brands
    • Instagram Block
  • Home Lingerie
    • Main Carousel
    • Home Banner 1
    • Product Block 1
    • Home Banner 5
    • Product Block 2
    • Home Banner 2 - 3
    • Home Banner 6
    • Home Banner 2 - 2
    • Instagram Block
    • Home Brands
  • Product Listing Page
    • Common Settings
    • Categories Top Banner
    • Categories Bottom Banner
    • Categories Bottom Policy
  • Product Card
    • Common Settings
    • Product Badges
  • Product Detail Page
    • Common Settings
    • Frequently Bought Together Function (Bundle Products)
    • Countdown
    • Sold In Last Function
    • Size Chart Function
    • Customers View Products Function
    • Previous / Next Products Function
    • Hot Stock Function
    • Buy It Now Function
    • Secure Images
    • Compare Color Function
    • Sticky Add To Cart Function
    • Notify Me: Out Of Stock Function
    • Product Tabs
    • Product Block
  • Sidebar
    • Display & Content Settings
  • Cart Page / Dropdown Cart
    • Cart Notification
    • Calculate Free Shipping Message Function
    • Quick Edit Cart Function
  • Other Pages
    • Brands Page
    • Contact Us Page
    • FAQs Page
    • Lookbook Page
    • Store Locator Page
    • Blog Post Page
  • Other Features
    • Ask An Expert Function
    • Someone Just Bought Popup
    • Newsletter Signup Popup
    • Before You Leave Function
    • Recently Viewed Popup
  • Editing Theme Files
    • Intro
    • Accessing Edit Theme Files
    • Editing Theme Files
    • Saving Theme Files
    • Applying New Theme to Storefront
    • Limitations
  • Knowledge Base
Powered by GitBook
On this page
  1. Other Pages

Contact Us Page

PreviousBrands PageNextFAQs Page

Last updated 4 months ago

Getting Google Map

  • On your Web browser, browse to

  • Search to your location -> click SHARE to show share dialog:

  • click Embed map and copy iframe code

To setup Google Map, Go to Storefront -> My Themes -> Advanced -> Edit theme files.

In the Stencil File Editor -> Go to templates/components/halothemes/map/halo-google-map.html file.

In the halo-google-map.html file, you can see a google map iframe embed code.

You just need to replace the iframe embed code -> then change width and height attribute of iframe. Set width value 100% to display fullwidth

When you are happy with your changes, don't forget click Save and Publish to repackage the edited theme.

https://beautica-light.mybigcommerce.com/contact-us/
https://www.google.com/maps