Вход для клиентовВход для клиентов О компании

Помощь » База знаний » Shop-Script » Настройка дизайна и шаблонов »

Как вставить счетчик на витрину интернет-магазина?

WebAsyst Shop-Script позволяет добавлять на витрину интернет-магазина счетчики посетителей, например, SpyLOG, HotLog, Mail.Ru, Яндекс.Метрика и другие. Перед добавлением счетчика необходимо зарегистрироваться в системе, предоставляющей счетчик. Получив HTML/JavaScript-код счетчика, вставьте его на витрину, перейдя в раздел «Дизайн -> Редактор дизайна», одним из следующих способов.

Совет: по аналогии со счетчиками посетителей такими же способами можно добавлять на витрину магазина любые фрагменты кода на HTML, CSS, JavaScript.

Вставка счетчика в режиме «Конструктор (WYSIWYG)»

  1. Откройте вкладку редактора «Основная разметка»
  2. Перейдите по ссылке «Произвольный HTML-код» в правой части окна редактора.
  3. В появившееся текстовое окно вставьте код счетчика, полученный после регистрации в системе. Нажмите «Добавить в шаблон».
  4. Появившийся блок с изображением счетчика переместите методом перетаскивания (drag-and-drop) в нужное место на странице. Как правило, счетчики размещаются в нижней части страницы.
  5. Нажмите на кнопку «Сохранить шаблон».
Если после нажатия на кнопку «Добавить в шаблон» изображение счетчика не появляется в окне редактора, повторно вставьте  в поле «Произвольный HTML-код» код счетчика и произвольный текст, например, слово счетчик. Нажмите на кнопку «Добавить в шаблон» и переместите блок с добавленным словом в то место, где на витрине должен отображаться счетчик. Дважды щелкните по блоку с произвольным словом, в открывшемся окне удалите это слово, оставив только код счетчика, нажмите «Применить» и сохраните сделанные изменения.

Вставка счетчика в режиме «Редактировать HTML-код»

  1. Откройте вкладку редактора «Основная разметка» в режиме редактирования HTML-кода.
  2. Добавьте в текстовое окно код счетчика, например, в самом конце.
  3. Совет: если код счетчика содержит фигурные скобки { и }, необходимо добавлять его на страницу между тегами {literal}...{/literal}, например, так:
    {literal}
    Код счетчика
    {/literal}

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

    {if !$CPT_CONSTRUCTOR_MODE}
    {literal}
    Код счетчика
    {/literal}
    {/if}
  4. Нажмите на кнопку «Сохранить шаблон».

Размещение счетчика в корзине и на страницах оформления заказа

Приведенные выше инструкции применимы для случаев, когда для параметра настроек корзины Как показывать корзину покупок выбран вариант «Как отдельную страницу магазина». Для того чтобы счетчик срабатывал в корзине и на страницах оформления заказа при выбранном варианте «Затемнять страницу и показывать поверх», следует также разместить код счетчика в следующих файлах:

  • published/SC/html/scripts/templates/frontend/checkout.frame.html
  • published/SC/html/scripts/templates/frontend/shopping_cart.html

Внимание: пользователям веб-сервисов WebAsyst доступ к исходному коду файлов не предоставляется. Таким пользователям для отслеживания статистики на указанных страницах следует либо переключить корзину на вариант «Как отдельную страницу магазина», либо приобрести скрипты приложения Shop-Script и внести изменения в файлы, как указано в этом разделе.