WP Woocommerce show popup добавить в корзину кнопку - PullRequest
Новая
       40

WP Woocommerce show popup добавить в корзину кнопку

0 голосов
/ 08 июля 2019

Я использую woocommerce и плагин, называемый дизайнером модных продуктов.

Плагин позволяет настраивать продукты и заказывать их с помощью woocommerce.

Все работает нормально, но мне нужнодобавить функцию, которая отображает модальный бутстрап после нажатия кнопки «Добавить в корзину».Этот модал будет содержать предварительный просмотр разработанного продукта и кнопку, которая добавит его в вашу корзину и перезагрузит страницу.

Я могу создать код для отображения предварительного просмотра, мне просто нужно знать, как добавитьфункция не отображать пользовательский модал, который содержит кнопку добавления в корзину

Требования:

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

Было бы замечательно, если бы вы могли также поделиться, где яЯ должен добавить модальный код и код js, чтобы открыть модал.

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

Вот URL-адрес одной из страниц продукта: https://peppyplates.brookstonesites.co.uk/product/girl-christening/

Я ничего не пробовал, поскольку не знаю, как кодировать вwp thaЭто хорошо, но вот пример того, что я бы сделал, если бы это был неформатированный PHP. 

$('#preview_button').click(function() {
    $('#preview_modal').modal('show')
});

$('#add_to_cart_button').click(function() {
    // WP code to add the product to the cart
}

Было бы замечательно знать, куда мне следует поместить мой модальный HTML-код начальной загрузки.Я не хочу редактировать плагин напрямую, так как, если он будет обновлен, код будет удален

...