Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Возможность изменения названия класса элемента формы #msOrder, при во… #873

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

OlegShchavelev
Copy link

…зникновении ошибки ввода.

Что оно делает?

Дает возможность изменить класс error (ошибка валидации формы #msOrder) на усмотрение разработчика. Возможность стандартизации разметки шаблона с фреймворком Bootstap 5

Зачем это нужно?

Возможность использовать стили валидации формы фреймворка Bootstap 4/5. Единый стиль валидации форм на всем сайте, к примеру mvtForms2 использует стандартные стили Bootstap 4/5, miniShop2 свои стили.

Как это работает

Необходимо в переменную miniShop2Config записать в JS файле :

if (miniShop2Config) {
    miniShop2Config.Order = {
        inputErrorClassName: 'is-invalid'
    }
}

Получаем результат.

image

Связанные проблема(ы)/PR(ы)

#538

@OlegShchavelev
Copy link
Author

Друзья. Будет еще один коммит. Я хочу погрузиться в чекбоксы, радио и другие элементы.

@biz87 biz87 self-requested a review May 29, 2023 07:56
@GulomovCreative
Copy link
Member

@OlegShchavelev

if (miniShop2Config) {
    miniShop2Config.Order = {
        inputErrorClassName: 'is-invalid'
    }
}

Это самый худший вариант.

@OlegShchavelev
Copy link
Author

OlegShchavelev commented May 29, 2023

@OlegShchavelev

А чем он отличается от этого?

if (miniShop2Config) {
            miniShop2Config.inputNumber = {
                wrapperSelector: '.custom-number-wrap',
                minusSelector: '.custom-number-minus',
                plusSelector:  #'.custom-number-plus'
            }
            window.miniShop2 = new MiniShop(miniShop2Config);
}

Если статья в которой описаны рекомендации по структуре. Я посмотрел документацию, давно ее не смотрел, почитал анонсы Minishop2.

На текущий момент: Я еще не прошелся по всем вариантом типу возможных полей (к примеру select), а еще пакет msOrderFields там еще больше вариантов.

Предварительный набор параметров

if (miniShop2Config) {
  miniShop2Config.inputNumber = {
    wrapperSelector: '[data-ms-number]',
    minusSelector: '[data-ms-number-minus]',
    plusSelector: '[data-ms-number-plus]',
  }
  miniShop2Config.Order = {
    formErrorClassName: '',
    inputErrorClassName: 'is-invalid',
    inputErrorCheckboxClassName: 'is-invalid',
    inputErrorParentClassName: '',
    inputParentSelector: '.form-group',
    inputRequiredClassName: 'form-required',
  }
} 

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants