Различия

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

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
товары:создание_опции [2019/12/26 11:20]
lifejazzy [Создание опции]
товары:создание_опции [2019/12/26 12:00] (текущий)
lifejazzy [Тип "Поле Ввода"]
Строка 16: Строка 16:
 {{ :​5.1.jpg?​nolink |}}  {{ :​5.1.jpg?​nolink |}} 
  
-Далее ​видите страницу создания опции и заполняете поля: ​+Вы увидите страницу создания опции ​на которой необходимо заполнить поля: ​
  
 {{ :​5.2.jpg?​nolink |}} {{ :​5.2.jpg?​nolink |}}
Строка 39: Строка 39:
 **Значение опции** - если опция, к примеру,​ имеет название "​Цвет",​ то ее значение,​ например "​Красный"​. **Значение опции** - если опция, к примеру,​ имеет название "​Цвет",​ то ее значение,​ например "​Красный"​.
  
-**Изображение** - нажмите на просмотр ​файлов,​ тем самым вызвав диспетчер,  и выберите ​нужное фото.+**Изображение** - открывает диспетчер ​файлов для ​выбора нужного фото.
  
-**Порядок сортировки** - определите порядок сортировки,​ например 1, 2, 3... и т.д. ​+**Порядок сортировки** - определяет порядок сортировки,​ например 1, 2, 3... и т.д. ​
  
-Добавьте все значения опции и нажмите "​**Сохранить**"​. ​+После добавления ​всех значений опций  ​нажмите "​**Сохранить**"​. ​
  
  
Строка 53: Строка 53:
   * **флажок** - раскрывающийся список с возможностью мульти-выбора значений опции.   * **флажок** - раскрывающийся список с возможностью мульти-выбора значений опции.
  
-Допустим, что ​в нашем интернет-магазина товар **MacBook** доступен в разной ​цветовой гамме: черный, серебристый и белыйА значитнам необходимо создать опцию ​цвет, которая бы описывала ​наличие ​цветового ассортимента товара. ​Мы останавливаемся на типе отображения //​Выбор//​ > //​Переключатель//​ и устанавливаем порядок сортировки **1**, что поставит опцию первой в списке доступных вариантов на странице товара. ​+К примеру, в вашем интернет-магазине товар **MacBook** доступен в трех цветовых вариантах: черном, серебристом и беломСледовательно вам необходимо создать опцию ​Цвет, которая бы описывала цветовой ассортимент товара. ​Вы останавливаетесь на типе отображения //​Выбор//​ > //​Переключатель//​ и устанавливаете порядок сортировки **1**, что поставит опцию первой в списке доступных вариантов на странице товара. ​
  
 {{ :​5.6.jpg?​nolink |}} {{ :​5.6.jpg?​nolink |}}
  
-Теперь переходим во вкладку **Опции** в настойках товара:​ //​Каталог > Товары > Редактировать.// ​+Теперь переходите во вкладку **Опции** в настойках товара:​ //​Каталог > Товары > Редактировать.// ​
  
-Форма заполнения здесь ​будет ​отличаться от той, где ​мы создавали опцию. В колонку значение опции вписываем три доступных значения цветачерный,​ серый и белый. Указываем количество товара определенного цвета на складе,​ нажимаем Да в колонке Вычитать со склада и добавляем по 10 призовых баллов на каждый цвет. Такжеданная форма позволяет указать увеличение или уменьшение цены товара и его вес, но мы решили оставить их не заполненными. ​+Форма заполнения здесь отличается от той, где ​опция ​создавалась. В колонку значение опции вписываете доступные вам три ​значения цветачерный,​ серый и белый. Указываете количество товара определенного цвета на складе,​ нажимаете Да в колонке Вычитать со склада и добавляете по 10 призовых баллов на каждый цвет. Также данная форма позволяет указать увеличение или уменьшение цены товара и его вес, ​но в данном ​случае вы оставляете их незаполненными. ​
  
 {{ :​5.7.jpg?​nolink |}} {{ :​5.7.jpg?​nolink |}}
  
-Закрепив и сохранив опцию, ​мы автоматически меняем внешний вид страницы товара на витрине магазина. На картинке ниже ​отчетливо ​видно то, что на странице под значением цены, в колонке ​доступные варианты появиласьсозданная ​намиопция. Отображена она в формате переключатель и содержит три значения опции. Красная звездочка сверху означает,​ что параметр должен быть выбран перед тем, как товар окажется в корзине. Если выбор не сделан,​ покупатель не сможет добавить товар в корзину. ​+Закрепив и сохранив опцию, ​вы автоматически меняете внешний вид страницы товара на витрине магазина. На картинке ниже ​ видно, что на странице под значением цены, в колонке ​Доступные варианты появилась созданная ​вами опция. Отображена она в формате переключатель и содержит три значения опции. Красная звездочка сверху означает,​ что параметр должен быть выбран перед тем, как товар окажется в корзине. Если выбор не сделан,​ покупатель не сможет добавить товар в корзину. ​
  
 {{ :​5.8.jpg?​nolink |}} {{ :​5.8.jpg?​nolink |}}
Строка 69: Строка 69:
 ==== Тип "​Файл"​ ==== ==== Тип "​Файл"​ ====
 ---- ----
-Тип Файл требует загрузки своего собственного файла до того, как товар окажется в корзине. В нашем примере, мы предлагаем ​покупателю загрузить на сервер файл с изображением.+Тип Файл требует ​от клиента ​загрузки своего собственного файла до того, как товар окажется в корзине. В вашем примере покупателю ​предлагается ​загрузить на сервер файл с изображением.
  
 {{ :​5.9.jpg?​nolink |}} {{ :​5.9.jpg?​nolink |}}
  
-Создав опцию с типом файл, переходим //​Каталог > Товары > Опции//​ и закрепляем ее за товаром. Здесь нужно выбрать ​только ​тип: файл или нет. Не нужно вносить никаких значений опции, здесь происходит только загрузка клиентского файла.+Создав опцию с типом файл, переходите в //​Каталог > Товары > Опции//​ и закрепляете ее за товаром. Здесь нужно только выбрать тип: файл или нет. Никаких значений опция не требует, ​она выполняет только ​функцию ​загрузки клиентского файла.
  
 {{ :​5.10.jpg?​nolink |}} {{ :​5.10.jpg?​nolink |}}
  
-Результат сохранения данной опциисразу ​можно ​увидеть на странице товара **MacBook**. Приоритетность опции 2, поэтому расположена она будет под опцией ​цвет. Нажав на кнопку ​загрузить файл, покупатель может выбрать файл со своего компьютера,​ который после будет добавлен к форме оформления заказа.+Результат сохранения данной опции ​можно ​сразу увидеть на странице товара **MacBook**. Приоритетность опции 2, поэтому расположена она будет под опцией ​Цвет. Нажав на кнопку ​Загрузить файл, покупатель может выбрать файл со своего компьютера,​ который после будет добавлен к форме оформления заказа.
  
 {{ :​5.11.jpg?​nolink |}} {{ :​5.11.jpg?​nolink |}}
Строка 85: Строка 85:
 Тип **Данные** предлагает три типа на выбор: //Дата, Время, Дата и Время//​. Тип **Данные** предлагает три типа на выбор: //Дата, Время, Дата и Время//​.
  
-Возвращаясь к нашему ​примеру,​ мы хотим, чтобы клиент указал информацию о дате доставки,​ поэтому создаем опцию под названием ​дата доставки. В качестве типа опции выбираем дата, так как хотим знать точное время доставки. ​Приоритетность ​данной опции, мы выбрали 4, так как хотим, чтобы она была последней опцией на странице товара.+В данном случае вам нужно, чтобы клиент указал информацию о дате доставки,​ поэтому создаете опцию под названием ​Дата доставки. В качестве типа опции выбираете Дата, так как ​необходимо знать точное время доставки. ​Для ​данной опции ​ выбран приоритет ​4, так как ​необходимо, чтобы она была последней опцией на странице товара.
  
 {{ :​5.12.jpg?​nolink |}} {{ :​5.12.jpg?​nolink |}}
  
-Закрепляя опцию в настройках товара,​ указываем на необходимость ее заполнения,​ выбирая Да. Поле значение опции заполнять не обязательно,​ так как клиент может сам выбрать дату доставки,​ используя календарь на странице.+Закрепляя опцию в настройках товара,​ указываете на необходимость ее заполнения,​ выбирая Да. Поле значение опции заполнять не обязательно,​ так как клиент может сам выбрать дату доставки,​ используя календарь на странице.
  
 {{ :​5.13.jpg?​nolink |}} {{ :​5.13.jpg?​nolink |}}
Строка 99: Строка 99:
 ==== Тип "​Поле Ввода"​ ==== ==== Тип "​Поле Ввода"​ ====
 ---- ----
-Тип **Поле ввода** состоит из двух подтипов:​ текст и текстовая область. Разница между ними в том, что текст ​предоставляет только одну строчку для заполнения,​ в то время как текстовой области ​это пространство для более объемного комментария. ​Для нашего ​примерамы создадим ​опцию Данные покупателя,​ где ​покупателю ​будет необходимо внести свои личные данные (имя и фамилию). Так как данная запись не требует большого пространства, ​мы выбрали тип - текст. Назначаем приоритетность 3, так как ​хотим, чтобы форма была заполнена до установки даты доставки. ​+Тип **Поле ввода** состоит из двух подтипов:​ текст и текстовая область. Разница между ними в том, что текст предоставляет только одну строчку для заполнения,​ в то время как ​в текстовой области это пространство для более объемного комментария. ​К примерувы создаете ​опцию Данные покупателя,​ где клиенту будет необходимо внести свои личные данные (имя и фамилию). Так как данная запись не требует большого пространства,​ выбирается ​тип - Текст. Назначаете приоритетность 3, так как ​нужно, чтобы форма была заполнена до установки даты доставки. ​
  
 {{ :​5.15.jpg?​nolink |}} {{ :​5.15.jpg?​nolink |}}
  
-Во вкладке Опции товара, мы отмечаем, что данная опция не является обязательной для заполнения. В графе значение опции вводим Имя и Фамилия,​ чтобы указать покупателю место ввода данных. ​+Во вкладке Опции товара ​вы отмечаете, что данная опция не является обязательной для заполнения. В графе значение опции вводите Имя и Фамилия,​ чтобы указать покупателю место ввода данных. ​
  
 {{ :​5.16.jpg?​nolink |}} {{ :​5.16.jpg?​nolink |}}
  
-На картинке нижеизображено страницу товарас полным перечнем установленных опций. Созданная опция ​ввод персональных данныхрасположена между загрузкой файла и доставкой+На картинке ниже изображена страница товара с полным перечнем установленных опций. Созданная опция ​Ввод персональных данных расположена между ​кнопкой ​загрузки файла и данными о дате ​доставки
  
 {{ :​5.17.jpg?​nolink |}} {{ :​5.17.jpg?​nolink |}}