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

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

Тема в разделе "Вопросы новичков", создана пользователем ОАА, 12 авг 2016.

  1. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Здравствуйте!

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

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

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

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

    [​IMG]

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

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

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Все реализовала с помощью данного плагина. Если кому-то будет интересно сделаю скрины.
     
  3. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Было бы интересно посмотреть решение.
     
  4. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Вовремя успели, т.к. решили с поставщиком убрать данные допы вообще и дать ссылку на страницу "конструктора" кухни. В течении дня опишу и выложу со скринами;)
     
  5. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    А есть ли возможность задать стиль элементам плагина на конкретной странице?
    т.е. на странице А ширина и высота элемента 10 см. На прочих как обычно. Что-то в этом роде?
     
  6. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Если есть уникальные классы на странице (сочетание нескольких классов, которые дают уникальную комбинацию), то на них можно "повесить" любые стили.
     
  7. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    TM Extra Product настройки
    Контент раскрывается по клику
    [​IMG]

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

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

    [​IMG]

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

    [​IMG]

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


    После выбора опции добавляется поле для ввода и расчета
    [​IMG]
    В настройках TM Extra Product в карточке товара добавляем элемент Чекбокс(галочка)

    [​IMG]

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

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

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

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

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

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

    [​IMG]

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

    Пролистали:
    [​IMG]
    1.Выбираем Тип цены что бы был Количество
    2. Скрыть цену - должно быть НЕТ, что бы цена за опцию была видна (можно скрыть выбрав ДА)
    3. Добавляем текст заполнителя - то что в поле будет указано до ввода данных клиентом
    4. Листаем настройки вниз до упора...
    [​IMG]
    Проверить как - я выбрала цыфры. Теперь в поле нельзя ввести буквы.
    Есть проверка на ввод эл.почты, url, число, цифры.
    Отличия проверки "на число" или проверки "на цифры" не поняла...
    Вдруг кому пригодиться;)
    Плохо описала , не понятно - спросите, подскажу.
     
    • Нравится Нравится x 1
  8. dim70

    dim70

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

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

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

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Я смогла добиться такого результата:
    [​IMG]
    Это то что Вы хотели?
    Разумеется отображение во многом от темы будет зависеть....
     
    • Нравится Нравится x 1
  10. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Если кому надо:
    Во-первых, в моей теме карточка товара требовала изменения стиля, что бы выбор вариаций и доп.опций были во всю ширину:
    Код:
    .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
    [​IMG]
    Для вариаций задаем:
    • отображение разиокнопок;
    • три в ряд.

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

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

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

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

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

    Шаг 6

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

    dim70

    Сообщения:
    150
    Симпатии:
    11
    Баллы:
    18
    Огромное Вам спасибо, буду разбираться и пробовать реализовать всё на своём сайте, ещё раз спасибо за такое подробное описание всех шагов.
     
    • Симпатия Симпатия x 1
  12. dim70

    dim70

    Сообщения:
    150
    Симпатии:
    11
    Баллы:
    18
    Скажите, ведь если нажать на "Шаблон+лиц.Битрикс" происходит изменение этого содержания:
    sod1.JPG

    на это

    sod2.JPG
     
  13. dim70

    dim70

    Сообщения:
    150
    Симпатии:
    11
    Баллы:
    18
    На скриншотах я вижу что у Вас плагин русифицированный, если Вам не сложно и Вы не потратили на его покупку много денег, предоставьте его мне пожалуйста для чистоты эксперимента (это не очень нагло с моей стороны? если нет такой возможности я Вас пойму). Ещё раз спасибо. Я тоже использовал изначально вариант с вариациями примерно по такому же принципу, но у меня не получалось правильно всё настроить в вариациях, то цены путались, то вдруг переставали правильно выводиться и т.д. С Вашей инструкцией по применению я думаю смогу всё сделать так как надо, ещё раз спасибо за участие и такой подробный обзор действий.
     
    • Согласен Согласен x 1
  14. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    На этом форуме выкладывали перевод.
     
    • Нравится Нравится x 1
  15. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    я не знаю как здесь прикрепить файл. У меня в прошлый раз ругался. Если Вас не устроит предложение Выше от searchingman, я могу скинуть по эл.почте, адрес которой пришлете в личку. Но кажется я с такого же форума и взяла файл перевода.
     
    Последнее редактирование: 15 авг 2016
  16. ОАА

    ОАА Местный

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

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

    dim70

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

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

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

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

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

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Создайте один атрибут, например Пакеты или тарифы...
    [​IMG]
    Вы можете создать индивидуальный атрибут как у меня на скрине или основной, который можно будет использовать для нескольких прочих товаров: раздел админпанели Товары - >Атрибуты, используя поля формы Добавить новый атрибут.

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

    dim70

    Сообщения:
    150
    Симпатии:
    11
    Баллы:
    18
    теперь я наконец то понял с Вашей помощью и у меня стало получаться и я логически уже вроде как вижу всю картинку.
    убрать.JPG
    а как убрать эту запись? просто при помощи стилей это сделать или в плагине на этот счёт тоже имеется где-то галочка?
     
  20. dim70

    dim70

    Сообщения:
    150
    Симпатии:
    11
    Баллы:
    18
    и я выбрал не радио кнопки, а чекбоксы это ведь не принципиально, так ведь?