Различия

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

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

Следующая версия
Предыдущая версия
товары:создание_опции [2018/07/18 15:08]
178.214.161.7 создано
товары:создание_опции [2019/12/26 12:00] (текущий)
lifejazzy [Тип "Поле Ввода"]
Строка 2: Строка 2:
 ---- ----
 **Опции** - это дополнительные параметры товара,​ которые ​ **Опции** - это дополнительные параметры товара,​ которые ​
- ​покупатель ​заполняет до начала оформления заказа(цвет и т.п.). ​+ ​покупатель ​выбирает до начала оформления заказа (цвет и т.п.). ​
  
-На странице товараопции расположены в блоке Доступные варианты,​ под значением цены.+На странице товара опции расположены в блоке Доступные варианты,​ под значением цены.
  
 {{ :​5.18.jpg?​nolink |}} {{ :​5.18.jpg?​nolink |}}
Строка 10: Строка 10:
 ==== Создание опции ==== ==== Создание опции ====
 ---- ----
-Чтобы перейти к созданию опции, выбираем ​в горизонтальном меню пункт «**Каталог**»,​ из выпадающего списка выбираем пункт «**Опции**» и нажимаем на него.+Для ​создания опции в горизонтальном меню ​перейдите в пункт «**Каталог**», ​затем ​из выпадающего списка выберите пункт «**Опции**» и нажмите на него.
  
-Нам нужно ​создать новую опцию, нажимаем "​**Добавить**"​+Для ​создания ​новой опции нажмите "​**Добавить**"​
  
 {{ :​5.1.jpg?​nolink |}}  {{ :​5.1.jpg?​nolink |}} 
  
-Далее ​видим страницу создания опциизаполняем ​поля: ​+Вы увидите страницу создания опции ​на которой необходимо ​заполнить ​поля: ​
  
 {{ :​5.2.jpg?​nolink |}} {{ :​5.2.jpg?​nolink |}}
  
-**Название опции** - например,​ если ​Ваш ​товар имеет несколько ​цветов ​корпуса, название опции будет "//​Цвет//"​+**Название опции** - к примеру, если ​ товар имеет несколько вариантов ​цвета , название опции будет "//​Цвет//"​
  
-**Тип** - выбираем то, как будет отображена опция на странице товара. В списке ниже приведены возможные типы отображения опции:+**Тип** - выберите как будет отображена опция на странице товара. В списке ниже приведены возможные типы отображения опции:
     * **Выбор:​** "​Список",​ "​Переключатель",​ "​Флажок",​ "​Изображение"; ​     * **Выбор:​** "​Список",​ "​Переключатель",​ "​Флажок",​ "​Изображение"; ​
     * **Поле ввода:​** "​Текст",​ "​Текстовая область"; ​     * **Поле ввода:​** "​Текст",​ "​Текстовая область"; ​
Строка 29: Строка 29:
  
 **Порядок сортировки** - порядок сортировки определяет,​ в каком порядке выводятся опции. Если оставить **Порядок сортировки** - порядок сортировки определяет,​ в каком порядке выводятся опции. Если оставить
-пустым,​ будут выводиться в алфавитном порядке.+пустым, ​опции ​будут выводиться в алфавитном порядке.
  
-Выбрав тип опции, нажимаем на "//​Добавить значение опции//" ​+Выбрав тип опции, нажмите на "//​Добавить значение опции//" ​
  
 {{ :​5.3.jpg?​nolink |}} {{ :​5.3.jpg?​nolink |}}
  
-Здесь ​мы видим новые поля для заполнения. В зависимости от выбранного типаполя могут меняться. ​+Здесь ​вы увидите новые поля для заполнения. В зависимости от выбранного типа поля могут меняться. ​
  
-**Значение опции** - наша ​опция, к примеру,​ имеет название "​Цвет", ​следовательно ее значение,​ например "​Красный"​.+**Значение опции** - если ​опция, к примеру,​ имеет название "​Цвет",​ то ее значение,​ например "​Красный"​.
  
-**Изображение** - нажимаем на просмотр ​файлов,​ тем самым вызывая диспетчервыбираем нужное фото.+**Изображение** - открывает диспетчер ​файлов для ​выбора нужного фото.
  
-**Порядок сортировки** - определите порядок сортировки,​ например 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 |}}
Строка 117: Строка 117:
  
 ---- ----
-[[файлы_для_скачивания|Создание файлов для скачивания]]+4.5 [[файлы_для_скачивания|Создание файлов для скачивания]]