Этот туториал покажет Вам, как управлять картой Google в шаблоне Shopify.
Shopify. Как управлять картой Google
Войдите в вашу админ панель и перейдите на вкладку Интернет магазин -> Темы -> Настроить тему (Online store -> Themes -> Customize a theme), найдите вкладку Карта Google (Google map).
Для того чтобы изменить местоположение на карте, достаточно ввести ваш новый адрес в соответствующее поле. Новая карта будет автоматически отображена:
Сохраните внесённые изменения и обновите ваш сайт.
Теперь мы покажем Вам, как изменить Степень приближения (Zoom level). Откройте вкладку Интернет-магазин – Темы – Редактировать файлы html/css (Online Store — Themes — Edit html/css files).
Перейдите в папку ‘Snippets’ и найдите файл ‘widget-googlemap.liquid’. Измените степень приближения карты на строке 13:
Вы можете также изменить маркер на карте Google (Google Map marker). В разделе ‘Характеристики’ (Assets) найдите изображение на маркере. Например, в нашем шаблоне данное изображение называется marker1.png (в вашем шаблоне название изображения может быть другим).
Удалите изображение по-умолчанию и загрузите ваше изображение с аналогичными названием/размером файла/ расширением.
Для этого нажмите на кнопку ‘Добавить новую характеристику’ (Add a new asset):
Нажмите на кнопку ‘Выбрать файл’ (Choose file) и выберите новое изображение маркера с вашего компьютера:
Выбрав изображение, нажмите на кнопку ‘Загрузить изображение’ (Upload asset). Готово! Теперь Вы успешно изменили изображение маркера на карте:
Это конец данного туториала! Теперь Вы знаете, как управлять картой Google. Вы можете также ознакомиться с детальным видео-туториалом ниже:
