Начать новую тему

Как работает модуль "Адрес на карте"?

Расскажите,пожалуйста, как и для чего используется модуль "Адрес на карте". Хотелось бы наглядно показывать в доставке на карте пункты самовывоза к примеру, или карту на странице контакты.


еще 1 человеку задает этот вопрос

Мария, спасибо за подробный ответ, но... не получается. Вернее получается, но не все. 

У меня получилось добавить на страницу Поиск ближайшего магазина, но не могу сделать, чтобы отображалась непосредственно карта расположения магазина, вместо карты на странице отображается сам код ключа от Яндекс Карты. Скрин прилагаю.

В каком месте я допустил ошибку?

jpg

Здравствуйте, Александр.


Дело в том, что пункты, созданные на странице Модули > Расположение магазина, с заданным описанием и картой располагаются на отдельной странице магазина:


На странице Контакты вы можете разместить либо блок для поиска созданных пунктов:


, либо HTML-блок с кодом карты, если карта нужна непосредственно на самой странице Контакты. Для этого, пожалуйста, воспользуйтесь инструкцией из нашего предыдущего сообщения. Разместить карту на странице Контакты в рамках функциональности модуля Поиск ближайших магазинов не получится.


Надеемся, данная информация объясняет ситуацию.


Спасибо.

Здравствуйте, Мария!


Да-да, я понял, что включение блока Расположение магазина не позволяет разместить непосредственно карту на странице, а только форму для поиска. 

Поэтому я воспользовался инструкцией и создал HTML-блок, в который вставил код, полученный на странице Яндекс Карты. Но теперь, на странице, вместо отображения карты, этот самый код и отображается.

Я так понимаю, что я его как-то неправильно вставил, но что именно сделал не так, я не пойму. Визуальный редактор в настройках отключал - проверено. На скриншоте я выделил место, где должна быть карта, но там только код.

Здравствуйте, Александр.


Дело в том, что вы добавляете не исходный код карты, полученный от сервиса Яндекс.Карты, а API-ключ доступа к картам. Для работы с API Яндекс.Карт не обязательно использовать API-ключ.  Однако при возникновении каких-либо проблем в работе с API этот ключ может упростить их решение, его стоит указывать при обращении в службу поддержки.


API-ключ может быть получен на странице https://tech.yandex.ru/maps/keys/get/ .

Создать карту вы можете на странице конструктора карт: https://tech.yandex.ru/maps/tools/constructor/ . Вам необходимо добавить соответствующую метку на карте, а затем нажать на кнопку Сохранить и получить код


После чего скопируйте полученный код и вставьте его в содержимое HTML блока на необходимую страницу вашего магазина согласно предоставленной ранее инструкции.


Также мы рекомендуем вам ознакомиться с разделом Часто задаваемые вопросы в сервисе Яндекс.Карт: https://tech.yandex.ru/maps/doc/faq/index-docpage/


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Большое спасибо, теперь все получилось! Я просто никогда раньше не работал с картами.

Спасибо за ваш ответ, Александр. Мы были рады вам помочь.

>Дело в том, что пункты, созданные на странице Модули > Расположение магазина, с заданным описанием и картой располагаются на отдельной странице магазина.


Здравствуйте, есть ли возможность редактирования верстки этой страницы? 

Здравствуйте, Алексей!

> Здравствуйте, есть ли возможность редактирования верстки этой страницы?


Вы можете добавить новую страницу макета для страницы с отображением карты и адреса магазина, и настроить отображение необходимых секций и блоков для этой страницы. Добавить новую страницу макета можно, нажав на вкладку Добавить страницу макета на странице Дизайн > Макеты в панели администратора. В поле Диспетчер нужно выбрать вариант Другое и ввести значение pickup.view в пустое поле справа. После того как новая страница макета создана, пожалуйста, добавьте блок Главное содержимое в раздел Содержимое на этой странице для отображения карты и адреса магазина.


Если вы хотите изменить верстку самого блока Главное содержимое, сделать это можно с помощью добавления новых CSS правил в Пользовательские CSS редактора дизайна.


Чтобы узнать, какое значение свойства CSS необходимо выставить, вы можете воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Подробнее об использовании данного инструмента в браузерах Google Chrome и  Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Когда желаемый результат достигнут, полученный код можно перенести в редактор дизайна Мерчиума.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Спасибо, с версткой страницы понял. Действительно, хотелось бы редактировать сам блок. Не совсем понимаю, как это сделать с помощью стилей, вернее в редакторе все выставляю как нужно, но не могу сохранить. Покажите пожалуйста на примере: необходимо уменьшить карту в 2 раза: 
прописываю стили
.ymaps-2-1-22-map ymaps-2-1-22-i-ua_js_yes ymaps-2-1-22-map-ru {

width: 50% !important;

}

сохраняю, но при обновлении страницы все обнуляется. 

И подскажите, пожалуйста, как изменить текст в блоке ty-pickup-location__city-title?

Здравствуйте, Алексей.


Боюсь, что нам не удалось воспроизвести проблему с упомянутыми CSS-правилом. Мы добавили его в редактор тем, и ширина карты изменилась. Пожалуйста, проверьте результат.


> И подскажите, пожалуйста, как изменить текст в блоке ty-pickup-location__city-title?


Для этого текста используется значение поля Город на странице Модули > Расположение магазина. Вы можете изменить его в настройках каждого местоположения на этой странице.


Надеемся, эта информация окажется полезной для вас.


Спасибо.

Спасибо, у меня не была прописана точка в классе.

>Вы можете изменить его в настройках каждого местоположения на этой странице.

 но если я изменю город в настройках, то это затронет все элементы, в которых он используется. Пока просто скрыл этот текст, выставив размер 0. 
Еще вопросик, как управлять горизонтальной линией 
<hr> в блоке главного содержимого на странице с картой? В будущем будет 2 блока с городами, каждый с отдельной картой. Каждый хотелось бы разделить линией шириной на всю страницу, а сейчас она разделяет блоки согласно размеру карты.



 

Здравствуйте, Алексей.


> но если я изменю город в настройках, то это затронет все элементы, в которых он используется. Пока просто скрыл этот текст, выставив размер 0. 


Мы рады слышать, что вам удалось решить этот вопрос. Спасибо за информацию.


> Еще вопросик, как управлять горизонтальной линией <hr> в блоке главного содержимого на странице с картой? В будущем будет 2 блока с городами, каждый с отдельной картой. Каждый 

> хотелось бы разделить линией шириной на всю страницу, а сейчас она разделяет блоки согласно размеру карты.


Тег <hr> нельзя растянуть на всю ширину страницу, так как он находится в блоке stores_list_box. Однако, можно добиться такого эффекта, если задать свойство border-bottom для селектора ty-pickup-location и скрыть отображение тега <hr> . Для этого, пожалуйста, добавьте соответствующие правила в секцию Пользовательские CSS редактора тем.


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.


Спасибо.

Уже много раз все переделал но так и не получается вставить карту в раздел контакты. При открывании страницы код просто прописан на ней а карты нет. Подскажите что не так???

jpg

@dimid46 Гнездилов


Здравствуйте.


Насколько мы видим, виджет карты отображается корректно на странице Контакты. Пожалуйста, обратите внимание на прикрепленный снимок экрана. Пожалуйста, уточните, на какой странице воспроизводится заявленная проблема, если она актуальна.


Спасибо. 


Войдите, чтобы опубликовать свой комментарий