Shopify. Как управлять картой Google

Этот туториал покажет Вам, как управлять картой Google в шаблоне Shopify.

Shopify. Как управлять картой Google

1. Войдите в вашу админ панель и перейдите на вкладку Интернет магазин -> Темы -> Настроить тему (Online store -> Themes -> Customize a theme), найдите вкладку Карта Google (Google map).

2. Для того чтобы изменить местоположение на карте, достаточно ввести ваш новый адрес в соответствующее поле. Новая карта будет автоматически отображена:

   

3. Сохраните внесённые изменения и обновите ваш сайт.

4. Теперь мы покажем Вам, как изменить Степень приближения (Zoom level). Откройте вкладку Интернет-магазин – Темы – Редактировать файлы html/css (Online Store — Themes — Edit html/css files).

5. Перейдите в папку ‘Snippets’ и найдите файл ‘widget-googlemap.liquid’. Измените степень приближения карты на строке 13:

   

6. Вы можете также изменить маркер на карте Google (Google Map marker). В разделе ‘Характеристики’ (Assets) найдите изображение на маркере. Например, в нашем шаблоне данное изображение называется marker1.png (в вашем шаблоне название изображения может быть другим).

7. Удалите изображение по-умолчанию и загрузите ваше изображение с аналогичными названием/размером файла/ расширением.

8. Для этого нажмите на кнопку ‘Добавить новую характеристику’ (Add a new asset):

   

9. Нажмите на кнопку ‘Выбрать файл’ (Choose file) и выберите новое изображение маркера с вашего компьютера:

   

10. Выбрав изображение, нажмите на кнопку ‘Загрузить изображение’ (Upload asset). Готово! Теперь Вы успешно изменили изображение маркера на карте:

    

Это конец данного туториала! Теперь Вы знаете, как управлять картой Google. Вы можете также ознакомиться с детальным видео-туториалом ниже:

Shopify. Как управлять картой Google