- Документація
- Налаштування шаблону
- Замовлення, мікродані, CSS і JS
Замовлення, мікродані, CSS і JS
Як налаштувати текст після оформлення замовлення, мікророзмітку Schema.org для Google і додати власний CSS та JavaScript у шаблоні Trust для OpenCart 3.
Три вкладки налаштувань шаблону, які рідко змінюють, але варто налаштувати один раз: текст після оформлення замовлення, мікророзмітка для пошукових систем і власний код. Відкрийте Octemplates → Trust OCTemplates - налаштування шаблону, вкладка «Налаштування».
Сторінка успішного замовлення
На вкладці «Успішне замовлення» задайте, що покупець побачить після оформлення. Увімкніть «Статус» — інакше показується стандартна сторінка OpenCart.
Тексти задаються окремо для зареєстрованих і незареєстрованих покупців, для кожної мови: заголовок сторінки і текст.
Змінні в тексті
У тексті можна використовувати змінні — шаблон підставить у них реальні дані:
| Змінна | Що підставляється | Кому |
|---|---|---|
[order_id] | Номер замовлення | Усім |
[contact_link] | Посилання на сторінку контактів | Усім |
[account_link] | Посилання на особистий кабінет | Зареєстрованим |
[account_order_link] | Посилання на список замовлень | Зареєстрованим |
[account_download_link] | Посилання на сторінку завантажень | Зареєстрованим |
Приклад тексту для незареєстрованого покупця:
<p>Дякуємо! Ваше замовлення №[order_id] прийнято.</p>
<p>Менеджер зв'яжеться з вами найближчим часом. Є питання — <a href="[contact_link]">напишіть нам</a>.</p>Мікророзмітка
Мікророзмітка Schema.org розповідає Google про ваш магазин: назву, адресу, контакти, доставку й повернення. Це допомагає показувати розширені результати пошуку. Увімкніть «Ввімкнути мікророзмітку?» на вкладці «Мікродані та розмітка» і заповніть поля.
Про компанію
| Поле | Що вписати | Приклад |
|---|---|---|
| Тип організації | Найближчий до вашого бізнесу: інтернет-магазин, магазин електроніки, одягу, меблів, автозапчастин тощо. | Інтернет-магазин (універсальний) |
| Країна (ISO-код) | Дві літери за ISO 3166-1. | UA |
| Місто, Адреса, Поштовий індекс | Адреса головного офісу чи магазину. | Київ, вул. Хрещатик, 1, 01001 |
| Широта і Довгота | Координати для карти. Скопіюйте з Google Maps: правий клік на точці — перший рядок меню. | 50.4501, 30.5234 |
| Повна юридична назва | Як у реєстраційних документах. | ТОВ «Мій магазин» |
| Дата заснування | Формат ДД.ММ.РРРР. | 15.03.2020 |
Продажі й доставка
| Поле | Що вписати | Приклад |
|---|---|---|
| Зона обслуговування | ISO-коди країн доставки через кому. | UA,PL,MD |
| Вартість доставки | Лише число, без валюти. 0 — безкоштовно. | 75 |
| Ціновий діапазон | Від дешевого до люкс (₴…₴₴₴₴) або діапазон цін. | ₴100-₴50000 |
| Прийняті валюти | ISO-коди через кому. | UAH,USD,EUR |
| Методи оплати | Через кому. | Готівка, Кредитна картка |
| Обробка замовлення (днів) | Максимальний час до відправки. | 1 |
| Доставка (днів) | Максимальний час доставки після відправки. | 2 |
| Повернення товару (днів) | Скільки днів покупець може повернути товар. За законом України — не менше 14. | 14 |
Перевірте розмітку. Після збереження відкрийте будь-яку сторінку магазину в Rich Results Test від Google — він покаже, чи бачить пошуковик ваші дані без помилок.
Власний CSS і JavaScript
На вкладці «Css - JavaScript» можна додати власні стилі й скрипти, не редагуючи файли теми. Код підключається на всіх сторінках вітрини і зберігається в налаштуваннях, тому не зникає після оновлення шаблону.
Приклад: збільшити заголовок на сторінці товару й приховати бейдж «Хіт»:
.tr-product-title { font-size: 34px; }
.tr-badge--hit { display: none; }Увага. Помилка в JavaScript може зламати роботу вітрини — кошик, фільтри, оформлення. Перевіряйте код на тестовій копії сайту і після збереження очищайте кеш шаблону.