• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Поле расчета WooCommerce TM Extra Product Options

ОАА

Опытный
Местный
Здравствуйте!

Интернет-магазин здесь.

Нужно на странице товара организовать заказ дополнительной опции с расчетом стоимости:

  1. Стеновая панель ? м/п =1098руб (где "?" клиент сам ставит необходимый ему размер).
  2. Желательно нужно учесть что отрезков может быть несколько. Было бы хорошо, если еще такое дополнительное поле расчета покупатель мог добавить сам.

С помощью WooCommerce TM Extra Product Options можно добавить поле текста. Для него можно выставить цену, но я не могу до конца понять как его настроить. Перевод не полный вариантов ценообразования.

big_c179d618bb04317d8920160812073901.jpg


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

Возможно Вы имеете опыт реализации подобного?
 

ОАА

Опытный
Местный
Все реализовала с помощью данного плагина. Если кому-то будет интересно сделаю скрины.
 

ОАА

Опытный
Местный
Было бы интересно посмотреть решение.
А есть ли возможность задать стиль элементам плагина на конкретной странице?
т.е. на странице А ширина и высота элемента 10 см. На прочих как обычно. Что-то в этом роде?
 

searchingman

Гуру
Местный
А есть ли возможность задать стиль элементам плагина на конкретной странице?
т.е. на странице А ширина и высота элемента 10 см. На прочих как обычно. Что-то в этом роде?
Если есть уникальные классы на странице (сочетание нескольких классов, которые дают уникальную комбинацию), то на них можно "повесить" любые стили.
 

ОАА

Опытный
Местный
Было бы интересно посмотреть решение.
TM Extra Product настройки
Контент раскрывается по клику
big_e4507bb4e2c778903e20160812211727.jpg


После клика раскрывается:

big_9583c32cc706583f1120160812211933.jpg

Выбираем настройку раздела:

big_d514377c17510bcdaf20160812212335.jpg


Выбираем стиль отображения Разворачивание и сворачивание (изначально скрыт).

big_4cee9bdff1576285ef20160812212543.jpg

Отображение по желанию-клику клиента-условная логика


После выбора опции добавляется поле для ввода и расчета
big_87358318286c1887b420160812221518.jpg

В настройках TM Extra Product в карточке товара добавляем элемент Чекбокс(галочка)

big_8c418d12ebba962c8a20160812213427.jpg


Примечание: давайте Имена элементов иначе легко заблудиться среди однотипных.
big_763675fe4a6517757420160812214407.jpg
Далее добавляем, например, поле текста
big_f5053c96dbf3db80f420160812213541.jpg


Что бы поле текста появилось после отметки чекбокса задаем в настройках Поля текста условную логику.
big_f83b14874a9459157920160812214442.jpg

big_4bb0b2793d81b607b620160812214500.jpg


Кликаем ДА для "Включить условную логику для отображения или скрытия элемента."
У меня после очередного обновления кнопка в настройках почему-то съехала. Но она работает, поэтому не парюсь.
big_3bac59c857030e7b9820160812214524.jpg


1. что бы Поле текста появлялось выбираем Показывать (в некоторых случаях нужно прятать поэтому есть возможность Скрыть)
2. и 3. выбираем от какого элемента зависит появление. У меня зависит от выбора Чекбокса под именем Стеновая панель
4. проверяем/выставляем зависимость. У меня появление Поля текста зависит от того, что чекбокс является, т.е. клиент выбрал чекбокс Стеновая панель.
Можно наоборот сделать - зависимость от НЕ является. Иногда это полезно, н-р, клиент снял проставленную галочку по умолчанию и получил предупреждение (появился элемент Заголовок, для которого Вы настроили зависимость).
big_44695085bbf4e77edc20160812215242.jpg


Поиграйте с этими настройками, что бы все получалось именно так как надо Вам.

Настройка расчета по введенному значению

big_9240f24ddb0974791620160812222541.jpg


big_cbc6c62dccccc053ca20160812223656.jpg

1.Проверяем обязательность выбора опции (у меня кнопка съехала после очередного обновления плагина)
Укажите поля обязательные для заполнения я ставлю НЕТ, т.к. опция дополнительная и не обязательна для оформления
2. Задаем цену для расчета
3. Добавляем текст перед ценой. Я добавила, что бы клиенту был понятен расчет стоимости опции.
4. Листаем настройки вниз...

Пролистали:
big_0400aec28f5025c13020160812224600.jpg

1.Выбираем Тип цены что бы был Количество
2. Скрыть цену - должно быть НЕТ, что бы цена за опцию была видна (можно скрыть выбрав ДА)
3. Добавляем текст заполнителя - то что в поле будет указано до ввода данных клиентом
4. Листаем настройки вниз до упора...
big_fb4e286960a941d27320160812225302.jpg

Проверить как - я выбрала цыфры. Теперь в поле нельзя ввести буквы.
Есть проверка на ввод эл.почты, url, число, цифры.
Отличия проверки "на число" или проверки "на цифры" не поняла...
Вдруг кому пригодиться;)
Плохо описала , не понятно - спросите, подскажу.
 

dim70

Опытный
спросите, подскажу.
Здравствуйте. Изучаю этот замечательный плагин вот уже третий день. Собрался создать новую тему и спросить как лучше реализовать на базе этого плагина вариант вывода товара, но тут увидел Вашу тему и решил спросить у Вас.
Вы однозначно успели лучше меня изучить этот плагин, и Ваш наверное достаточно взглянуть,чтобы понять можно ли реализовать такой вот вывод информации как здесь
http://concept360.ru/store/detail/sovremennyy-internet-magazin-topshop/ почти в самом низу есть раздел:

"Есть 3 варианта. Выберите наиболее подходящий!"

variabt.JPG
при помощи плагина WooCommerce TM Extra Product Options можно создать такое уже на Wordpress + Woocommerce? Меня интересует именно вопрос реализации трёх вариантов выбора. Я пробую сделать это при помощи вариативного товара, порой кажется что решение уже найдёно, но каждый раз не получается, не хватает навыка правильно сформировать логику процесса... Может вообще не возможно сделать? Или надо это делать из сгруппированного товара? Голова пухнет. Мне бы указать правильное направление в котором надо копать или быть может это нереально сделать?!
 

ОАА

Опытный
Местный
Здравствуйте. Изучаю этот замечательный плагин вот уже третий день. Собрался создать новую тему и спросить как лучше реализовать на базе этого плагина вариант вывода товара, но тут увидел Вашу тему и решил спросить у Вас.
Вы однозначно успели лучше меня изучить этот плагин, и Ваш наверное достаточно взглянуть,чтобы понять можно ли реализовать такой вот вывод информации как здесь
http://concept360.ru/store/detail/sovremennyy-internet-magazin-topshop/ почти в самом низу есть раздел:

"Есть 3 варианта. Выберите наиболее подходящий!"

Посмотреть вложение 2359
при помощи плагина WooCommerce TM Extra Product Options можно создать такое уже на Wordpress + Woocommerce? Меня интересует именно вопрос реализации трёх вариантов выбора. Я пробую сделать это при помощи вариативного товара, порой кажется что решение уже найдёно, но каждый раз не получается, не хватает навыка правильно сформировать логику процесса... Может вообще не возможно сделать? Или надо это делать из сгруппированного товара? Голова пухнет. Мне бы указать правильное направление в котором надо копать или быть может это нереально сделать?!
Я смогла добиться такого результата:
big_f71456b3a9bf02fb3620160814095733.jpg

Это то что Вы хотели?
Разумеется отображение во многом от темы будет зависеть....
 

ОАА

Опытный
Местный
Если кому надо:
Во-первых, в моей теме карточка товара требовала изменения стиля, что бы выбор вариаций и доп.опций были во всю ширину:
Код:
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 100%;
}
Во-вторых, я создала три вариации:
  • Только шаблон
  • Шаблон + лиц.Битрикс
  • Сайт под ключ
В-третьих,
Шаг 1
big_b1654dcd9c0cdbd6e920160814103927.jpg

Для вариаций задаем:
  • отображение разиокнопок;
  • три в ряд.

Шаг 2
big_7badcf7ce944848c8e20160814103908.jpg

Создаем два раздела:
  1. содержит элементы: Заголовок; Радиокнопка; Радиокнопка;
  2. содержит элемент Заголовок
Для разделов задаем ширину, используя - и +:
  1. должно получиться: 2/3
  2. должно получиться: 1/3
Для радиокнопок я тоже сжала ширину до 3/4 (так мне кажется лучше смотрится).

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

Шаг 3
big_29fc307d6d0640850f20160814103952.jpg

Настраиваем элемент Заголовок раздела 1.
Добавляем картинку через кнопку и пишем текст. Выравниваем картинку. У меня слева от абзаца.

Шаг 4
big_e3209be3eff30cf26a20160814104008.jpg

Настраиваем элемент радиокнопок раздела 1, первый по порядку:
Вписываем текст для отображения, цену и сами ставим отметку, что бы была выбрана по умолчанию.
Таких можно сделать несколько.

Шаг 5
big_cc28fb77cb66a69b4720160814104122.jpg

Настраиваем элемент радиокнопок раздела 1, второй по порядку:
В поле текст перед ценой я проставила +
Прокручиваем вниз...
big_cc7f6629964b95b8b320160814104139.jpg

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

Шаг 6

big_b7495bda218d9fc29820160814104157.jpg

В элементе Заголовок раздела 2 задаем текст. Для выделения заголовка используйте только настройки поля, что бы гармонично смотрелось (не трогайте спец.поле плагина выше).
Что бы между разделами было расстояние я в настройках элемента Заголовок раздела 2 задала отступы.
На отображение влияют основные настройки плагина и глобальные формы.
В основных настройках в разделе отображения Вы можете например указать где будут находиться Ваши доп. опции, например, перед кнопкой купить или после. Там много вариантов, которые можно выбрать.
Глобальные формы логично создавать что бы в каждой карточке не повторять одно и то же. Создаете глобальную форму (можно задать для каких категорий или товаров предназначена). Можно так же через карточку отключить все глобальные формы для конкретного товара или включить некоторые.
Но: глобальные формы могут быть только постоянными, обязательными /необязательными для выбора при заказе. Условную логику задать для них от вариаций точно нельзя.
 
Последнее редактирование:

dim70

Опытный
Я смогла добиться такого результата:
big_f71456b3a9bf02fb3620160814095733.jpg

Это то что Вы хотели?
Разумеется отображение во многом от темы будет зависеть....
Скажите, ведь если нажать на "Шаблон+лиц.Битрикс" происходит изменение этого содержания:
sod1.JPG

на это

sod2.JPG
 

dim70

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

ОАА

Опытный
Местный
На скриншотах я вижу что у Вас плагин русифицированный, если Вам не сложно и Вы не потратили на его покупку много денег, предоставьте его мне пожалуйста для чистоты эксперимента (это не очень нагло с моей стороны? если нет такой возможности я Вас пойму). Ещё раз спасибо. Я тоже использовал изначально вариант с вариациями примерно по такому же принципу, но у меня не получалось правильно всё настроить в вариациях, то цены путались, то вдруг переставали правильно выводиться и т.д. С Вашей инструкцией по применению я думаю смогу всё сделать так как надо, ещё раз спасибо за участие и такой подробный обзор действий.
я не знаю как здесь прикрепить файл. У меня в прошлый раз ругался. Если Вас не устроит предложение Выше от searchingman, я могу скинуть по эл.почте, адрес которой пришлете в личку. Но кажется я с такого же форума и взяла файл перевода.
 
Последнее редактирование:

ОАА

Опытный
Местный
Скажите, ведь если нажать на "Шаблон+лиц.Битрикс" происходит изменение этого содержания:
Посмотреть вложение 2360

на это

Посмотреть вложение 2361
Я описала настройку доп. полей для одной вариации.
Для двух других Вы создаете клонов копированием и настраиваете условную логику на нужную вариацию. Не забывайте давать имена разделам и элементам, что бы не запутаться (как я описывала в начале этой темы).
Далее у клона для "Шаблон + лиц.Битрикс" корректируете элементы: добавляете чекбоксы, редактируете текст описания. Тоже самое и с клоном для "Сайт под ключ".
Еще момент: что бы выделить поле с чекбоксами в настройках Раздела 1 на вкладке Основные настройки выберите стиль отображения Бокс.
Я еще дополнительно задала рамочку через Style, т.к. в моей теме нет четкой границы элементов.

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

dim70

Опытный
Во-вторых, я создала три вариации:
  • Только шаблон
  • Шаблон + лиц.Битрикс
  • Сайт под ключ
Чтобы мне не запутаться в самом начале, я лучше спрошу. Правильно ли понимаю, что для создания 3-х вариаций нужно сперва создать 3 атрибута с таким вот содержанием:

Атрибут 1 "Только шаблон" содержит:
Готовое решение (шаблон)
Установка на хостинг

Атрибут 2 "Шаблон + лиц.Битрикс" содержит:
Готовое решение (шаблон)
1C-Битрикс "Малый бизнес"
Установка на хостинг
Домен в зоне .ru или .рф
Хостинг TimeWeb на 1 год

Атрибут 3 "Сайт под ключ" содержит:
Готовое решение (шаблон)
и т.д. в соответствие с сайтом источником.

Или я уже не правильно начинаю мыслить?
 

ОАА

Опытный
Местный
Чтобы мне не запутаться в самом начале, я лучше спрошу. Правильно ли понимаю, что для создания 3-х вариаций нужно сперва создать 3 атрибута с таким вот содержанием:

Атрибут 1 "Только шаблон" содержит:
Готовое решение (шаблон)
Установка на хостинг

Атрибут 2 "Шаблон + лиц.Битрикс" содержит:
Готовое решение (шаблон)
1C-Битрикс "Малый бизнес"
Установка на хостинг
Домен в зоне .ru или .рф
Хостинг TimeWeb на 1 год

Атрибут 3 "Сайт под ключ" содержит:
Готовое решение (шаблон)
и т.д. в соответствие с сайтом источником.

Или я уже не правильно начинаю мыслить?
Создайте один атрибут, например Пакеты или тарифы...
big_9c09c0fe494cfaedb320160815163339.jpg

Вы можете создать индивидуальный атрибут как у меня на скрине или основной, который можно будет использовать для нескольких прочих товаров: раздел админпанели Товары - >Атрибуты, используя поля формы Добавить новый атрибут.

Только шаблон; Шаблон+лиц.Битрикс; Сайт под ключ - это все вариации одного атрибута.
Если бы вы продавали шарфы красного, белого, зеленого цветов, то атрибут Вы бы создали под названием цвет со значениями: красный, белый, зеленый.
 
Последнее редактирование:

dim70

Опытный
теперь я наконец то понял с Вашей помощью и у меня стало получаться и я логически уже вроде как вижу всю картинку.
убрать.JPG
а как убрать эту запись? просто при помощи стилей это сделать или в плагине на этот счёт тоже имеется где-то галочка?
 

dim70

Опытный
и я выбрал не радио кнопки, а чекбоксы это ведь не принципиально, так ведь?
 
Сверху Снизу