Оформление
Названия: Товарные рекомендации
Точные названия разделов, полей и вариантов из кабинета на русском и английском. Набор видимых полей зависит от выбранного типа и настроек. Эта таблица помогает найти название; условия работы описаны в инструкции.
| В русском кабинете | В английском кабинете |
|---|---|
| Проверить подбор | Check the picks |
| Проверка подбора | Picks check |
| Размещение: блок категорий | Placement: category block |
| Документация: как собрать рекомендацию, размещение и витрину | Documentation: how to set up a recommendation, placement, and storefront |
| Где показать | Where to show |
| Как выглядит | How it looks |
| Что показать | What to show |
| Как связаны три части | How the three parts work together |
| Размещение: блок товаров | Placement: product block |
| Отображение | Presentation |
| Товарная рекомендация | Product recommendation |
| Ничего не найдено | Nothing found |
| Сценарий | Scenario |
| Рекомендации | Recommendations |
| Цель оптимизации | Optimization target |
| Размещения | Placements |
| Передавать данные через JavaScript | Deliver data through JavaScript |
| Отрисовывать через Sales Ninja | Render with Sales Ninja |
| Сохранить изменения? | Save changes? |
| Основные настройки | Core settings |
| Связанные размещения | Linked placements |
| Что будет дальше | What happens next |
| Товарных рекомендаций пока нет | No product recommendations yet |
| Порядок запуска | Order of launch |
| Две части системы | Two parts of the system |
| Что такое товарные рекомендации | What product recommendations are |
| Что решает рекомендация | What the recommendation decides |
| Это подбор товаров под место и человека | A product pick for the place and the person |
| Почему ручная витрина не держит | Why a manual shelf does not hold |
| Чтобы не собирать витрину руками | So you do not assemble a shelf by hand |
| Сценарий рекомендаций | Recommendation scenario |
| Максимум категорий | Maximum categories |
| Максимум товаров | Item limit |
| Источник товаров | Product source |
| Связь с аналитикой: выдача, клик и статистика | Analytics: delivery, clicks and statistics |
| Как передать клик? | How do we report a click? |
| Использовать свой рендерер карточки | Use your own card renderer |
| У меня Angular. Есть готовый пример? | Is there a ready Angular example? |
| Как учитывать клики, включая свои карточки? | How do I report clicks on custom cards? |
| Где узнать, почему блок не появился? | How do I find out why the block did not appear? |
| Когда появится результат и как измерить пользу? | When should I expect results and how do I measure value? |
| Рекомендации не пришли или блок очистился. Что показывать? | What if recommendations do not arrive or the block is cleared? |
| Какой ID нужен в подписке? | Which ID does the subscription need? |
| Нужно ли вручную отправлять показ? | Should I manually report impressions? |
| Нужен ли код, если выбрано готовое оформление? | Do I need code with a ready-made presentation? |
| У меня несколько блоков на разных страницах? | What if I have several blocks or pages? |
| У меня React. Как вывести рекомендации? | How do I render recommendations in React? |
| Что делать при переходах без перезагрузки? | What about client-side navigation? |
| Можно использовать Next.js, SSR или Nuxt? | Can I use Next.js, SSR or Nuxt? |
| У меня Vue. Как подключить? | How do I integrate with Vue? |
| Что передавать после своей сортировки? | What should I send after sorting products myself? |
| Что означает показ при JavaScript-размещении? | What does an impression mean with JavaScript delivery? |
| Что учитывается при автоматической вставке? | What is tracked with automatic insertion? |
| Фильтр товаров | Product filter |
| Размещение | Placement |
| Рекомендация | Recommendation |
| Пример селектора | Example selector |
| Дополнения к корзине | Cart add-ons |
| Категории к корзине | Categories for the cart |
| Подкатегории раздела | Section subcategories |
| Лучшие категории каталога | Best catalog categories |
| Категории к товару | Categories for the product |
| Категории просмотренного | Recently viewed categories |
| Соседние категории | Neighbouring categories |
| Разделы каталога | Catalog sections |
| Категории по интересам посетителя | Categories for visitor interests |
| Популярное без истории | Popular without history |
| Лучшее по всему каталогу | Best of the whole catalogue |
| Лучшее в этой категории | Best in this category |
| Дополнения к товару | Product add-ons |
| Альтернативы товару | Product alternatives |
| Возврат к просмотренному | Back to viewed products |
| Личная подборка посетителя | Personal picks for the visitor |
| Категории | Categories |
| 1. Выберите место для карточек | 1. Choose where cards appear |
| Какие данные получает сайт | What data your site receives |
| Открыть инструкцию по отправке целей | Open the goal tracking guide |
| + Создать новое… | + Create new… |
| Текст кнопки | Button text |
| Заголовок блока | Block heading |
| Отображение не выбрано | No presentation selected |
| Виджет выбирает раскладку по ширине места, в котором встроен, — а не по устройству посетителя. Поэтому он корректно выглядит даже в узкой колонке на широкой странице. Стандартные границы подходят большинству сайтов; меняйте их, только если у вас нестандартная вёрстка или переключение мобильной, планшетной и компьютерной версий срабатывает не там, где нужно. | The widget picks its layout from the width of the spot it is embedded in — not from the visitor’s device. That is why it looks right even in a narrow column on a wide page. The default boundaries fit most sites; change them only if your layout is unusual or the switch between the mobile, tablet and desktop versions happens where it should not. |
| Границы экранов | Screen boundaries |
| Горизонтальная | Horizontal |
| Вертикальная | Vertical |
| Без рамки и тени | No border or shadow |
| С рамкой | Outlined |
| С тенью | Shadow |
| По центру | Centered |
| По левому краю | Left aligned |
| Ссылка | Text link |
| Контур | Outlined |
| Заливка акцентом | Accent fill |
| Каждая строка — элемент карточки: видимость, тексты и размер шрифта в одном месте. Пустые шрифт и размер наследуются от сайта. | Each row is a card element: visibility, texts and font size in one place. An empty font or size inherits the site font. |
| Кнопка | Button |
| Шрифт | Font |
| Название товара | Product title |
| Размер | Size |
| Насыщенность | Weight |
| Фон кнопки и обводка фокуса | Button background and focus outline |
| Отступ после блока | Space after block |
| Отступ перед блоком | Space before block |
| Боковые отступы блока | Block side padding |
| Цвет рамки карточек и стрелок карусели | Card and carousel arrow border color |
| Скругление карточки | Card corner radius |
| Фон карточек и стрелок карусели | Card and carousel arrow background |
| Ориентация карточек | Card orientation |
| Внутренний отступ | Inner padding |
| Стиль карточки | Card style |
| Выравнивание в карточке | Card text alignment |
| Максимум карточек в строке | Maximum cards per row |
| Вид кнопки | Button style |
| Фон плашки скидки | Discount badge background |
| Семейство шрифта | Font family |
| Пусто — не ошибка: блок возьмёт шрифт страницы, на которой стоит, и будет выглядеть как её часть. Заполняйте, только если нужен другой шрифт: как в CSS font-family, например «Inter, sans-serif». | Empty is not an error: the block uses the font of the page it sits on and looks like part of it. Fill it in only for a different font, as in CSS font-family, e.g. “Inter, sans-serif”. |
| Расстояние между карточками | Space between cards |
| Цвет заголовка блока | Block heading color |
| Пропорции изображения | Image aspect ratio |
| Фон области изображения | Image area background |
| Масштабирование изображения | Image scaling |
| Раскладка | Layout |
| Минимальная ширина карточки | Minimum card width |
| Цвет бренда и старой цены | Brand and old price color |
| Показывать бренд | Show brand |
| Показывать кнопку | Show button |
| Показывать размер скидки | Show discount amount |
| Показывать заголовок блока | Show block heading |
| Показывать изображение | Show image |
| Показывать старую цену | Show old price |
| Показывать цену | Show price |
| Цвет названия, цены и стрелок карусели | Product title, price and carousel arrow color |
| Строк в названии товара | Lines in product title |
| Карточек в видимой области | Visible cards |
| Блок и раскладка | Block and layout |
| Карточка товара | Product card |
| Цвета | Colors |
| Элементы | Elements |
| Изображение | Image |
| Отступы блока | Block spacing |
| Меняется только этот раздел базового оформления — остальные настройки сохранятся. | Only this section of the base design changes; all other settings stay as they are. |
| Палитра общая для всех экранов. Остальные разделы оформления не изменятся. | The palette is shared by every screen. Other design sections do not change. |
| Готовые варианты раздела | Ready-made section options |
| Скрыть ручные настройки | Hide manual settings |
| Откройте, если готовый вариант нужно подправить точными значениями. | Open this when a ready-made option needs precise values. |
| Настроить вручную | Tune manually |
| Выберите характер карточки товара: спокойный контур, лёгкий минимализм или заметный объём. | Choose the product card character: a quiet outline, lightweight minimalism, or visible depth. |
| Меняются фон, рамка или тень, скругление и внутренний воздух карточки — содержимое остаётся тем же. | Background, border or shadow, corner radius, and inner space change; card content stays the same. |
| Больше воздуха, скругление и тень | More space, rounded corners, and shadow |
| Объёмная | Elevated |
| Без рамки и тени, компактнее | No border or shadow, more compact |
| Минимальная | Minimal |
| Чёткие границы без лишнего объёма | Clear edges without extra depth |
| С контуром | Outlined |
| Форма и объём | Shape and depth |
| Выберите готовое цветовое настроение или подстройте каждый цвет под бренд. | Choose a ready-made color mood or tune every color to your brand. |
| Палитра применяется ко всем экранам: к заголовку, карточке, тексту, кнопке, скидке, рамке и фону фото. | The palette applies to every screen: heading, card, text, button, discount, border, and image background. |
| Светлая основа и спокойный синий акцент | Light base with a calm blue accent |
| Нейтральная | Neutral |
| Холодные серые тона и зелёный акцент | Cool gray tones with a green accent |
| Мягкая | Soft |
| Кремовая основа и янтарный акцент | Cream base with an amber accent |
| Тёплая | Warm |
| Палитра блока | Block palette |
| Оставьте только те элементы, которые помогают принять решение о товаре. | Keep only the details that help a shopper decide on a product. |
| Здесь включаются заголовок, бренд, цена, скидка, наличие и кнопка, а также шрифт блока. Пустой шрифт — это шрифт сайта: блок выглядит как часть страницы. Тексты задаются в размещении; пустой заголовок там означает блок без заголовка — это нормальный вариант для сайтов, где заголовок уже есть. | This controls the heading, brand, price, discount, availability, and button, plus the block font. An empty font means the site font: the block looks like part of the page. Texts are set in the placement; an empty heading there means a block without a heading — a normal choice for sites that already have one. |
| Все сведения и действия на месте | Every detail and action is available |
| Полный | Complete |
| Цена, наличие и кнопка без шума | Price, availability, and action without noise |
| Главное | Essentials |
| Только название товара и цена | Product title and price only |
| Минимум | Minimal |
| Что увидит покупатель | What shoppers see |
| Решите, показывать ли товар целиком или использовать более выразительное заполнение кадра. | Decide whether to show the whole product or use a more expressive edge-to-edge crop. |
| Меняются пропорции области изображения и способ вписывания фото; текст и карточка не затрагиваются. | The image area ratio and image fit change; text and the card itself are untouched. |
| Товар целиком на горизонтальном фоне | The full product on a landscape background |
| Каталожное | Catalog |
| Фото заполняет кадр без пустот | The image fills the frame without gaps |
| Выразительное | Editorial |
| Ровные квадратные изображения | Consistent square product images |
| Квадрат | Square |
| Кадрирование товара | Product framing |
| Определите, как товары занимают место: обычной сеткой или горизонтальной лентой. | Choose how products use the available space: a regular grid or a horizontal strip. |
| Этот раздел меняет расположение карточек, их количество в строке и расстояние между ними. | This section changes card placement, the number of cards per row, and the space between them. |
| Универсальная сетка из четырёх карточек | A versatile four-card grid |
| Сбалансированная | Balanced |
| Одна строка с горизонтальной прокруткой | One row with horizontal scrolling |
| Лента | Strip |
| Больше товаров на той же ширине | More products in the same width |
| Плотная | Dense |
| Сетка и количество | Grid and quantity |
| Настройте, насколько плотно блок примыкает к содержимому страницы. | Choose how closely the recommendation block sits next to the page content. |
| Меняются только внешние и боковые отступы всего блока; размеры карточек внутри не меняются. | Only the outer and side spacing of the whole block changes; card sizes inside it stay the same. |
| Умеренный воздух со всех сторон | Moderate space on every side |
| Комфортно | Comfortable |
| Блок продолжает сетку страницы | The block continues the page grid |
| Без отступов | Flush |
| Блок заметно отделён от соседей | The block is clearly separated from neighbors |
| Просторно | Spacious |
| Воздух вокруг блока | Space around the block |
| Выберите раздел, примените готовый вариант и сразу проверьте результат справа. Ручные поля нужны только для точной доводки. | Choose a section, apply a ready-made option, and check the result on the right. Open manual fields only for precise tuning. |
| Соберите внешний вид по шагам | Build the look step by step |
| Выберите цвет в палитре или введите его код. Для прозрачного фона используйте значение transparent. | Choose a color from the picker or enter its code. Use transparent for a transparent background. |
| Оставьте пустым, если отдельная кнопка не нужна | Leave empty if no separate button is needed |
| Этот заголовок увидят посетители. Оставьте поле пустым, если заголовок не нужен. | Visitors will see this heading. Leave the field empty if you do not need a heading. |
| Оставьте пустым для автоматической ширины карточки | Leave empty to size cards automatically |
| Широкое 16:9 | Widescreen 16:9 |
| Квадрат 1:1 | Square 1:1 |
| Вертикальное 3:4 | Portrait 3:4 |
| Горизонтальное 4:3 | Landscape 4:3 |
| Показывать целиком | Show the full image |
| Заполнять область | Fill the area |
| Карусель | Carousel |
| Сетка | Grid |
| Список | List |
| Система назначает каждому посетителю сочетание настроек и сохраняет его между визитами. Варианты отображения задаются ниже в настройках дизайна, а комбинации формируются автоматически. | The system assigns each visitor a combination of settings and keeps it consistent across visits. Display variants are configured below in the design settings, while combinations are generated automatically. |
| Варьируемые параметры вернутся к базовым значениям. | Varying parameters return to their base values. |
| Базовый дизайн | Base design |
| Выключить персонализацию | Turn personalization off |
| Значения комбинации, которую вы сейчас видите, станут базовыми. | The values you are previewing right now become the base ones. |
| Просматриваемая комбинация | Previewed combination |
| Персонализация отображения | Presentation personalization |
| Крупнее и заметнее | Larger and more prominent |
| Карточки | Cards |
| Прокрутка в одну строку | Single-row scrolling |
| Универсальная сетка | Versatile product grid |
| Классика | Classic |
| Больше товаров в строке | More products per row |
| Компактный | Compact |
| Выберите основу оформления. Заголовок и текст кнопки задаются в размещении и здесь не меняются. | Choose a styling base. The heading and button text are set in the placement and do not change here. |
| Список с широкими карточками | List with wide cards |
| Горизонтальный | Horizontal |
| Готовые варианты | Ready-made options |
| Это пример оформления. Состав и порядок карточек на сайте определяют рекомендации и фильтр размещения. | This is a styling preview. Card selection and order on the site are determined by recommendations and the placement filter. |
| Компьютер | Desktop |
| Мобильный | Mobile |
| Планшет | Tablet |
| Следующие товары | Next products |
| Нет в наличии | Out of stock |
| Предыдущие товары | Previous products |
| Сменить товары | Change products |
| В источнике выбранных рекомендаций пока нет товаров для предпросмотра. | The source used by the selected recommendations does not have any products to preview yet. |
| В источнике выбранных рекомендаций пока нет категорий для предпросмотра. | The source used by the selected recommendations does not have any categories to preview yet. |
| Загружаем товары… | Loading products… |
| У выбранных рекомендаций нет источника товаров для предпросмотра. | The selected recommendations do not have a product source for the preview. |
| Режим предпросмотра | Preview viewport |
| Мобильный — до | Mobile up to |
| Планшет — до | Tablet up to |
| База · для всех экранов | Base · applies to all screens |
| Сейчас вы меняете базовый дизайн. Планшет и мобильный сразу получат новые значения, кроме полей, которые уже переопределены для них. | You are editing the base design. Tablet and mobile receive these values immediately, except for fields already overridden on those screens. |
| База для планшета и мобильного | Base for tablet and mobile |
| изменено для экрана | screen override |
| Компьютер задаёт базовый дизайн. Планшет и мобильный независимо наследуют каждое значение и хранят только свои изменения. | Desktop defines the base design. Tablet and mobile inherit every value independently and store only their own overrides. |
| Настройка по экранам | Settings by screen |
| Все экраны настраиваются автоматически от базовых значений. Если изменить значение на планшете или мобильном, оно закрепится за этим экраном и перестанет меняться вслед за базовыми настройками. Вернуть автоматику можно сбросом у поля или кнопкой «Сбросить всё для этого экрана». | All screens adapt automatically from the base values. If you change a value on tablet or mobile, it is pinned to that screen and stops following the base settings. Use the reset next to a field or “Reset everything for this screen” to bring the automation back. |
| Как работают настройки по экранам | How per-screen settings work |
| Выбранный экран управляет и шириной предпросмотра, и значениями всех полей ниже | The selected screen drives both the preview width and the values of every field below |
| наследует компьютер | inherits desktop |
| Экран редактирования | Editing screen |
| Сбросить всё для этого экрана | Reset everything for this screen |
| Внешние и боковые отступы блока рекомендаций. В режиме «По экранам» они могут адаптироваться автоматически. | Outer and side spacing for the recommendation block. By-screen mode can adapt it automatically. |
| Цвета общие для всех экранов — здесь редактируется общая палитра. | Colors are shared across all screens — this edits the common palette. |
| Изменено на этом экране | Changed on this screen |
| Авто | Auto |
| База | Base |
| Общее | Shared |
| пикс. | px |
| Укажите hex-цвет (#RRGGBB или #RRGGBBAA) либо transparent. | Enter a hex color (#RRGGBB or #RRGGBBAA) or transparent. |
| Добавить значение | Add value |
| Варианты пока не настроены. Добавьте их у нужных настроек дизайна. | No variants are configured yet. Add them to the relevant design settings. |
| В персонализации не может быть больше 4096 комбинаций | Personalization cannot contain more than 4,096 combinations |
| Набор параметров изменился в другой вкладке — перезагрузите страницу | The parameter set changed in another tab — reload the page |
| У параметра должно быть от 1 до 10 разных значений | A parameter needs 1 to 10 distinct values |
| Такой параметр варьировать нельзя | This parameter cannot vary |
| Каждому посетителю закрепляется своя комбинация значений. | Each visitor is assigned their own combination of values. |
| Параметр не влияет на текущий дизайн — значения не дадут разницы. | This parameter does not affect the current design — its values would make no difference. |
| Значения параметра | Parameter values |
| Следующая комбинация | Next combination |
| Параметры не заданы | No parameters set |
| Предыдущая комбинация | Previous combination |
| Уже варьируется | Already varying |
| Этот параметр варьировать нельзя | This parameter cannot vary |
| Удалить значение | Remove value |
| Для всех экранов | For all screens |
| Варианты для всех экранов пока не настроены. | No variants apply to all screens yet. |
| Компьютер — базовый экран. Отдельные варианты можно задать для планшета и мобильного. | Desktop is the base screen. Separate variants can be set for tablet and mobile. |
| У этих полей на этом экране закреплено своё значение, поэтому вариации базы на них не действуют. Чтобы поле снова наследовало базу вместе с её вариациями, сбросьте значение. | These fields have their own value on this screen, so base variations do not apply to them. Reset the value to inherit the base with its variations again. |
| Своё значение вместо варьируемой базы | Own value instead of the varying base |
| Свои значения | Custom values |
| заменяют общие варианты | replace shared variants |
| Сбросить значение | Reset value |
| Только для текущего экрана | For this screen only |
| Отдельные варианты и свои значения пока не настроены. | Separate variants and custom values are not configured yet. |
| Варьировать этот параметр | Vary this parameter |
| Убрать варианты | Remove variants |
| Вариативность | Variability |
| Кроссовки беговые Flow Runner | Flow Runner running sneakers |
| Кофе зерновой «Утро», 1 кг | Whole-bean coffee “Morning”, 1 kg |
| Термокружка 450 мл | Insulated travel mug, 450 ml |
| Рюкзак городской водонепроницаемый с отделением для ноутбука 15.6" и скрытым карманом | Waterproof city backpack with a 15.6" laptop compartment and a hidden pocket |
| Свеча ароматическая «Сандал и ваниль» | Scented candle “Sandalwood & Vanilla” |
| Беспроводные наушники Pulse Mini | Pulse Mini wireless earbuds |
| Плед из хлопка 130×170 см | Cotton throw blanket, 130×170 cm |
| Бутылка для воды 700 мл | Water bottle, 700 ml |
| Настольная лампа Loft Arc | Loft Arc desk lamp |
| Йога-коврик с разметкой 6 мм | Yoga mat with alignment marks, 6 mm |
| Название отображения | Presentation name |
| Встроенные демо-товары | Built-in demo products |
| Количество карточек | Number of cards |
| Товары в предпросмотре | Products in preview |
| Новое отображение | New presentation |
| Условный пример | Illustrative example |
| Дополнительно | Advanced |
| Вставка блока на сайт | Site block insertion |
| Интеграция через JavaScript | JavaScript integration |
| Что оптимизировать | What to optimize |
| Как выглядит блок | How the block looks |
| Что показываем | What to show |
| Внешний вид блока | Block appearance |
| Общие настройки | General settings |
| Сценарий выбирает система | The system chooses the scenario |
| Сценарий выбираю я | I choose the scenario |
| Какие товары встанут в блок и зачем | Which products land in the block, and why |
| Что остаётся за карточкой | What stays off this card |
| Где блок появится | Where the block will appear |
| Что фиксируют в карточке | What the card fixes |
| Источник товаров и метрика | Product source and metric |
| Решения в товарной рекомендации | Decisions in a product recommendation |
| Три входа сигнала | Three signal inputs |
| Сигнал обучения | Training signal |
| Активна | Active |
| Остановлена | Stopped |
| Размещения рекомендаций | Recommendation placements |
| Отображения | Presentations |