Лучшие кейсы за 2024 год

Категории


Все кейсы
Кейсы
Уроки
Тесты

Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта

Для себя

Интернет магазин

Для бизнеса
  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60
Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Урок 16. Опции товаров

Что такое опции? Это способ задать для одного товара разные размеры, цвет и другие характеристики, если они влияют на его внешний вид, функциональность и цену

  2. Уроки
  3. Создание интернет магазина
  4. Товары и категории
  5. Урок 16. Опции товаров
Сергей    20.01.2014    18673    4.0 из 5.0 (19)

Оцените материал:

Введение: для чего нужны опции товаров?

Опции товаров главной своей целью преследуют упрощение каталога. Если у вас в прайсе есть вещи, которые отличаются только размером или цветом, то нет смысла создавать для каждой из этих вещей отдельную страницу. Используйте опции.

Опция - это характеристика товара, которая влияет на его внешний вид, фунциональность или стоимость.

Где могут быть полезны опции? Например, у вас есть стройматериалы разного объема или веса, одежда разных цветов и размеров. Банки с краской 2л и 5л будут иметь одинаковое название, описание и технические характеристики.

Применение опций улучшает внутреннее устройство сайта с точки зрения поисковых систем (отсутствуют дубли), а также с точки зрения пользователей (проще найти товар).

Создание опций

Чтобы добавить новую опцию, перейдите в ПУ - Интернет магазин - Опции товаров:

Открылась панель управления опциями

Чтобы добавить опцию, нажмите соответствующую кнопку, появится всплывающее окно:

1. Название опции. Отображается на сайте, например: размер, цвет, объем.

2. Категория. Указываем, к товарам какой категории может быть применена опция. Если вы не знаете, что поставить здесь, то выберите "- все категории -"

3. Варианты значений. Например для цвета: красный, синий, зеленый.

4. Использовать изображения. К каждой опции может быть прикреплено изображение. О том, как это сделать, мы поговорим в следующем уроке.

После того, как мы заполнили все четыре поля, нажимаем "Сохранить". Опция появится в списке, но это еще не все. Необходимо связать товары с этой опцией, а также установить наценку в зависимости от опции. К сожалению, все это делается вручную и занимает много времени.

Настройка опций

Для опций в настройках модуля интернет магазин есть лишь одна строка:

Выводить наценку при отображении выбранных опций товара в корзине

Если опция меняет стоимость товара, то в корзину у покупателя, будет отображена соответствующая информация. Рекомендую установить этот чекбокс, чтобы исключить вопросы покупателей насчет конечной стоимости заказа.

Применение опций для товаров

Теперь, чтобы опция появилась у товара, нужно указать это на странице редактирования товара. О том, как перейти на эту страницу, мы говорили в уроке 10. После того, как мы задали опцию, она должна появиться внизу страницы редактирования:

Если опция не появилась, проверьте, соответствует ли товар категории, для которой вы задавали опцию.

В пункте "2" ставим чекбокс напротив нужной опции. "1" - если мы решили добавить опцию, то можно быстро перейти в панель управления опциями. "3" - нужно указать наценку для опции.

Обновление от 18.03.2014

Появилась возможность задания опции в %-ом соотношении от цены товара. Для этого в поле ввода наценки для опции добавьте символ процента "%".

В настоящее время не допускается указания процента со знаком "минус". Опции используются только как надбавки.

Не забываем нажать кнопку "Сохранить". Только после этого можно наблюдать результат - выпадающий список со значением опций или чекбокс, если значения не заданы. Позже мы научимся менять внешний вид опций, а сейчас запомним, что за опции отвечает $OPTIONS$ и работает переменная на странице товара и категории.

Урок 15. Обработчик XLS файлов. Настройка
Урок 17. Изображения товаров и обработчик прайсов


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 74

avatar
0Спам
1
есть ли возможность задания в опции наценки в %-ом соотношении от цены? Наценку, которая снижает стоимость товара - можно ставить, но хотелось бы именно в %-ом выражении, чтобы она автоматически пересчитывалась при обновлении цен
Ответ: maia666, такой возможности нет.
avatar
0Спам
2
maia666, такой возможности нет.
c
0Спам
3
День добрый,
не подскажете, а наценку вида - параметр (+100) в выпадающем списке на странице товара, можно как-то сделать, чтобы (+100) не отображалось вовсе. Дело в том, что при снятии галочки в настройках (Выводить наценку при отображении опций товара:) - наценка продолжает отображаться но уже без скобок и знака плюс (слитно со значением опции). На форуме не смог найти решения, подскажите, если решали такую задачу. Спасибо.
avatar
0Спам
4
cloom, здравствуйте,
Когда наценка отображается в скобках ее можно скрыть прописав в CSS магазина:
.shop-options .val label {
display: none;
}
c
0Спам
5
У меня выпадающее меню с опциями не содержит label. Там select и option. При чем в html коде видно что в option и опция и наценка не разделены тегами (и наценка не окружена тегами чтобы ее сделать не видимой.) Может быть где в самом коде js можно наценку тегами (span или др) окружить? Я js не знаю просто.
avatar
0Спам
6
cloom, ссылку на сайт сбросьте мне на sm@ucozmagazines.ru
avatar
0Спам
7
Цитата: наценка продолжает отображаться но уже без скобок и знака плюс (слитно со значением опции)

Та же проблема что и у пользователя "cloom", если будет решение, хотелось бы тоже знать. Спасибо!
avatar
0Спам
8
Aleks, ссылку на сайт сбросьте мне на sm@ucozmagazines.ru
A
0Спам
9
Добрый вечер, уважаемые администраторы! Спасибо за замечательные статьи, почерпнул немало полезной информации.

Но остался вопрос по опциям товаров.
Вы правильно указали в статье, что опции необходимы для того, чтобы не плодить в каталоге одинаковые товары с отличающимися признаками (цвет, размер)
Но так же хотелось бы сделать фильтр в категории на основе опций.
В принципе, это первое, что приходит в голову, при создании магазина одежды.

Например: посетитель магазина заходит в категорию "Одежда для мальчиков\Брюки\"
и видит перечень товаров на 3 страницы по 12 товаров на каждой.

Было бы удобно, если бы человек выбрал в фильтре из выпадающего списка нужный размер, и на странице категории остались только товары определённого размера.

Но как я ни искал, такой возможности не нашёл. Если использовать в качестве размера "Дополнительное поле", по которому можно настроить фильтрацию - то это порождает дублирующиеся товары одним отличающимся полем - "размер".

Может, вы нашли способ решить данную проблему?
Ещё раз спасибо за замечательный сайт!
avatar
0Спам
10
Antony, урок про фильтры и сортировку читали?
http://ucozmagazines.ru/publ/urok_11_nastrojka_internet_magazina_chast_2_filtry_i_sortirovka/1-1-0-11
A
0Спам
11
HeTpe3B, спасибо. Я правильно понимаю: стандартными средствами (поставить галочку) этого не сделать. Для реализации такого фильтра нужно "поместить переменную в шаблон каталога: $FILTER_SELECTOR$" ?
То есть, надо корректировать шаблон каталога товаров в ручную?
avatar
0Спам
12
Antony, все зависит от шаблона. В нормальном шаблоне ничего делать не требуется. Если разработчик шаблона не предусмотрел фильтры, то да, нужно корректировать шаблон каталога товаров вручную.
A
0Спам
13
Не подскажете стандартный шаблон ucoz, в котором реализован фильтр по опциям товаров?
avatar
0Спам
14
Antony, я не спец в стандартных шаблонах. Но любой шаблон, который содержит <?$DRAW_BLOCK$ ('FILTER_SELECTOR','flist'?> позволяет сделать фильтр по опциям без дополнительного редактирования
A
0Спам
15
Спасибо, попробую поискать.
A
0Спам
16
HeTpe3B, видимо я чего-то не понимаю... Шаблон, который я использую (Дизайн # 1087) содержит приведённый Вами код на странице "Каталог товаров"

<?if($FILTER_SELECTOR$ && ($PAGE_ID$ != 'allgoods'))?><hr /><?$DRAW_BLOCK$('FILTER_SELECTOR','flist')?><hr /><?endif?>

Однако, в настройках фильтрации (как в уроке №11) есть выбор только основных полей товара + доп.полей. Опции товаров в списке полей для фильтрации так и не появились.

Может, я не там ищу?
avatar
0Спам
17
Видимо я не так объясняю. Сами по себе опции не могут участвовать в фильтрах. Но опции можно указать в дополнительном поле и уже фильтровать по нему.

К примеру, у Вас есть опция "цвет". Вы задействуете дополнительное поле и меняете его название с "Дополнительное поле 1" на "Цвет". Для товаров в этом поле через обработчик прайсов или форму на сайте указываете соответствующие опциям цвета: "красный", "белый", "голубой" и т.п. Таким образом Вы подключаете фильтры по опциям, просто продублировав эти опции в дополнительных полях. Одна опция занимает одно дополнительное поле. По другому никак не получится.
A
0Спам
18
То есть, как я и говорил:
"Если использовать в качестве размера "Дополнительное поле", по которому можно настроить фильтрацию - то это порождает дублирующиеся товары с одним отличающимся полем"

А в Вашем примере, в каталоге будет три идентичных товара: "красный", "белый", "голубой"..
Спасибо за помощь, HeTpe3B. Видимо, придется отказаться от фильтрации.
avatar
0Спам
19
Antony, да, извиняюсь, не сразу понял суть проблемы. Здесь вариант только писать скрипт для своего фильтра по опциям.
A
0Спам
20
HeTpe3B, Ничего страшного :) Все равно спасибо вам за этот отличный сайт!
avatar
0Спам
21
Добрый день. Может быть не совсем в тему но возник такой вопрос.
Есть товар - создаем опции к примеру размер 1 сп и 2 сп, далее, у 1 сп артикул 123, а 2 сп артикул 124. А теперь вопрос. Почему в прайсе когда я выкачиваю его с сайта нет товара с опцией 2 сп артикул 124? А так же при поиске по сайту он не находит товар 2 сп артикул 123.. Как быть помогите разобраться? За ранее спасибо.
avatar
0Спам
22
Здравствуйте. В данный момент нет возможности связать Экспорт/Импорт прайса и опции. Надеюсь, что скоро она появится.
avatar
0Спам
23
HeTpe3B, спасибо за ответ. А как быть с таким моментом, как к примеру, 1сп есть в наличии, а 2сп нету. Но при выборе того или иного, он выдает информацию по первому, есть в наличии. Такая же беда если делаешь скажем так распродажу, т.е. один попадает под распродажу а второй нет...
avatar
0Спам
24
Да, это тоже проблема, о которой известно разработчикам. Пока решения нет.
A
0Спам
25
admin4128, Тоже задавался таким вопросом. Пока пришел к такому решению: при отсутствии на складе размера 2сп в опции товара временно отключаем этот размер. А как появится хоть один товар с таким размером - снова включаем.
avatar
0Спам
26
HeTpe3B, Antony - спасибо, за информацию. Мне кажется пока не найдут решения то лучше избегать опции...оставляем до лучших времен.
avatar
0Спам
27
Еще одна проблема заключается в том, что с опциями, которые влияют на цену нельзя выйти в Яндекс.Маркет. Потому что опции не выгружаются в export.yml и получается так - в Маркете одна цена, а на сайте при выборе опций - другая. Тут гораздо выгоднее создать для каждой опции свой товар.
avatar
0Спам
28
HeTpe3B, в принципе логично, если они нигде не фигурируют, то и тут тоже не будут....печально..Спасибо за информацию.
avatar
0Спам
29
Здравствуйте, Александр. Если Вы удалили опции, то вернуть их уже нельзя, к сожалению.
avatar
0Спам
30
Здравствуйте. Подскажите как поменять размер (ширину высоту) выпадающего меню, и как сделать чтоб сами блоки были параллельно друг другу и одного размера. Где смотреть код, облазил все так и не нашел. Еще хотелось бы изменить сам вид этих блоков. Возможно ли это? 
avatar
0
31
Добавьте в CSS:
Код
.shop-options .opt, .shop-options .shop-options-s {
float: left;
}
avatar
0Спам
32
Здравствуйте,подскажите,пожалуйста:делаю интернет-магазин носков.У одного артикула есть несколько размеров,как сделать,чтобы при выборе размера менялась цена???К примеру, носки Ф1 размер 11-12 стоят 36руб,а размер 12-14 стоят 41руб. Какую цену я должна изначально указывать в основной графе цены?Ставлю о,тогда соответственно цена вообще не показывается,а если в корзину положить,то все правильно считает.
avatar
0
33
Здравствуйте.
Обратите внимание на пункт применение опций для товаров (http://ucozmagazines.ru/publ/urok_16_opcii_tovarov/1-1-0-16#h2t-4).

Наценка задается в поле, которое обозначено третьим маркером на странице редактирования товара.
D
0Спам
34
Здравствуйте. Писал вопрос как поменять размер (ширину высоту) выпадающего меню, и как сделать чтоб сами блоки были параллельно друг другу и одного размера. Опции товара. Ответ: нужно добавить код в CSS:  .shop-options .opt, .shop-options .shop-options-s { float: left; }
Добавляю его, но к сожалению ничего не происходит, скажите куда именно нужно его вставлять, может нужно что то добавить.
avatar
0Спам
35
Это все общее описание. Довольно неплохое, но поверхностное. Вот вопрос из жизни:
1. Как вводить опции к товару через прайс (есть же ID опции, значит можно осуществить привязку при импорте)?
2. Как привязать остатки товара к каждой опции?
d
0Спам
36
Помогите пожалуйста, у меня в $OPTIONS$  при выборке появился текст "выбрать" как его можно убрать?
avatar
0
37
Тут понадобится небольшой скрипт, я пока не готов ответить. Напишите, пожалуйста,  адрес сайта на info@ucozmagazines.ru, обязательно помогу.
avatar
0Спам
38
Сергей, здравствуйте.
Подскажите, может можно реализовать такое: дополнительное поле обозначить и прописать в стилях как опцию и при добавлении в прайс указать это доп поле.
Например, есть опция размер. В доп поле кук прописать что б этот размер отображался в доп поле.
avatar
0
39
Здравствуйте, Наталия.

Вы пытаетесь найти способ загрузить опции к товарам через прайс?

В принципе, интересное предложение. Можно попробовать хранить в доп. поле размер товара, однако, если опция не привязана к товару в панели управления, то ничего не получится. Так и так придется вручную редактировать каждый из товаров и привязывать к нему опцию :(
avatar
0Спам
40
Да,  Сергей, загрузка опций к товару через прайс.
А если привязку сделать к id категории?  Мне кажется можно будет прописать как и размер так и цвет...?
Это возможно?
avatar
0
41
Дело в том, что пользователь не сможет выбрать опцию, точнее выбрать сможет, но система не поймет, что он ее выбрал.
avatar
0Спам
42
Сергей, здравствуйте.
Подскажите, как сделать опции цвета и размера как на этом сайте http://bicotone.ua/dresses/6514-04
avatar
0
43
Здравствуйте, в Вашем примере цвет - не совсем опция, и для каждого цвета там отдельный товар. Сделать опцию вместо списка кнопками можно с помощью этого скрипта - http://ucozmagazines.ru/shop/59/desc/nastrojka-vneshnego-vida-options

Но пока этот скрипт не поддерживает распознавания опции цвета, чтобы сделать кнопки разного цвета, это только в планах.
E
0Спам
44
Здравствуйте! Кто подскажет, есть ли возможность сделать с опциями вот так? Чтобы варианты опций были сразу видны?
E
0Спам
45
А сделать 2 кнопки "в корзину" (чтобы совсем, как на скрине) - совсем утопия, да?
avatar
0
46
Нет, не утопия. Можно попробовать скрипт написать
E
0Спам
47
Сколько это может стоить и к кому обращаться?
avatar
0
48
Вобще, http://upartner.pro/ стоить, думаю, не должно более $50.

А Вы не пробовали отказаться от страниц товара (чисто для пользователей)?
В таких случаях создается категория, которой дается название пиццы, а в этой категории есть два товара (2 размера пиццы). Вы на странице категории выводите списком товары (размеры пиццы) и показываете цену.
E
0Спам
49
Решение интересное. Но мне не подходит. Страницы товара должны быть. А "вид товара в каталоге" надо как-то модернизировать. Конкретно Вы не пишите подобные скрипты?
l
0Спам
50
Добрый день, возник вопрос. Статья отличная,  в принципе настроил опции без нее, но есть одно но. В моем случае опция не имеет наценки она несет лишь разницу в форм-факторе. При выборе опции я ее больше нигде не вижу, ни в корзине ни в оформлении товара, ни в оформленном заказе. Шаблоны все переделаны, но как такового кода я не нашел.
avatar
0
51
Добрый день.

Посмотрите еще раз этот пункт http://ucozmagazines.ru/publ/urok_16_opcii_tovarov/1-1-0-16#h2t-3
Цитата
Выводить наценку при отображении выбранных опций товара в корзине

Для страницы оформления заказа есть такая же возможность, она находится в настройках.
avatar
0Спам
52
Добрый день! Подскажите, возможно ли применить включить одинаковые опции у группы товара? Например цвет, размер. Что делать если товаров очень много, неужели только вручную?
avatar
0
53
Здравствуйте. Пока такой возможности нет, к сожалению, только вручную. Надо уже на uwishlist голоса собирать. Очень востребованная функция.
avatar
0Спам
54
Здравствуйте, мне нужно сделать опцию размера на каждый товар индивидуально (например 1 товар размер 10х10, 2 товар 15х10, и т.д. все размеры товаров разные), с возможностью выбора нескольких вариантов и изменением цены
avatar
0
55
Здравствуйте.

Заносите опции в панели управления. А при редактировании товара просто указывайте нужны опции для каждого отдельного товара
avatar
0Спам
56
главная опция у меня размер, и он может меняться до 1 см, я же не буду создавать все возможные комбинации размеров
avatar
0
57
Другого варианта нет пока...
V
0Спам
58
Здравствуйте! сделал наценку в опциях, но цена отображается при выборе наценки (опции) а далее как нажать купить или добавить в корзину, ценник становиться изначальный. Попробовал всё и галочку ставил "Выводить наценку при отображении выбранных опций товара в корзине" всё равно цена не менятеся на странице "ваш заказ" и в корзине. (Шаблон не стандартный)
V
0Спам
59
как быть подскажите пожалуйста! Буду благодарен
z
0Спам
60
Куда необходимо прописать :
.shop-options .val label { 
display: none; 
}
чтобы скрыть величину наценки из списка. Мои попытки не увенчались успехом.

вырезка из таблицы стилей CSS.

.shop-options { padding:0; margin:0 }
.shop-options li { line-height:150%; list-style-type:none; margin:0; padding:0 }
.shop-options .val {font-weight:bold}
.shop-options label { font-weight:normal!important}
avatar
0
61
В шаблон CSS Интернет магазина
z
0Спам
62
Вырезка из таблицы стилей CSS Интернет-магазина.
avatar
0
63
Нужно смотреть на сайт
avatar
0
64
Попробуйте отключить настройку в магазине "Выводить наценку при отображении опций товара:"
z
0Спам
65
Здравствуйте! Спасибо за отличные уроки и помощь! Но, к сожалению, я немного запуталась. Опции установила. На определенный размер добавляется цена. Все отражается. К входящей цене добавляется сумма из опции. Но при выборе купить или добавить в корзину, ярлыки не активны. Подскажите, пожалуйста, как исправить ошибку? Шаблон стандартный.
avatar
0
66
Здравствуйте!

Расскажите подробнее, что значит "ярлыки не активны"? В корзине не отображается опция, которая выбрана?
z
0Спам
67
Сергей, здравствуйте! Товар с опциями нельзя Купить и В корзину. Ни чего не происходит. Опции выбрать можно, цена меняется после выбора опции, но купить и добавить в корзину не получается.
avatar
0
68
Елена, адрес страницы товара с опциями уточните
z
0Спам
69
Адрес страницы  http://masterovit.ucoz.net/shop/30/desc/pjalcy-ramka
avatar
0
70
у Вас товар был неактивен (скрыт), такие в корзину не добавляются. После его активации все хорошо.
z
0Спам
71
Спасибо!!! Вот сколько тонкостей! Теперь, думаю, можно пробовать по необходимости и другие опции добавлять)))
Сергей, спасибо Вам за поддержку!!!
a
0Спам
72
Добрый день!
я приобрёл и установил на свой сайт данный скрипт-  ( https://uscript.pro/shop....agazina)..
вроде всё получилось и работает.. 

у меня следующий вопрос:
в силу моей специфики (сайт дверей) у меня нет цветов (красный, синий и т.д.)
у меня цвета либо по RAL-у (цифровой код типа RAL-1001, 9001 и т.д.) но с этим вроде бы более мение понятно как сделать..  
либо цвета шпона- Дуб Шале, Ясень Жемчужный и т.д. которые имеют свой цвет и фактуру (нужна картинка-фото)..пример картинки-  http://prnt.sc/mp237v..
пример того как нужно чтобы было в карточке товара-  Пример

могу ли я назначать свои цвета (те которые мне необходимы) и приложить к ним фото.?
как это сделать и куда загружать фото и в каком формате, куда и что нужно прописать.?
как то нужно заменить стандартные HTML-цвета на свои Картинки в другом формате..
никто не может дать ответа, в инструкции нет инфы, до автора не достучаться..Помогите ПЖЛ.!
заранее Спасибо.!
avatar
0
73
Добрый день!

Судя по описании скрипта, там есть возможность использовать картинки в виде опций. Их просто надо прикрепить к товару в том порядке, в котором идут опции
a
0Спам
74
это я тоже понял, и так у меня вышло с видами стёкол у дверей..там нужно прикреплять фотографии к основному фото товара и тогда они видны в опциях..но у меня задача: что бы мои цвета (фактуры дерева) отображались так же как и в скрипте "ЦВЕТ", маленькими миниатюрами (в ряд, одним блоком) как это видно в моём примере (в переписке выше)..а не подгружать 20-фото (фактур) к основному, они там абсолютно не к чему..
Войдите:
Урок 16. Опции товаров
Урок 16. Опции товаров