WP Woocommerce show popup добавить в корзину кнопку
Я использую woocommerce и плагин под названием Fancy Designer.
Плагин позволяет индивидуально оформлять продукты и заказывать их с помощью woocommerce.
Все работает нормально, но мне нужно добавить функцию, которая отображает модальный бутстрап после нажатия кнопки "Добавить в корзину". Этот модал будет содержать предварительный просмотр разработанного продукта и кнопку, которая добавит его в вашу корзину, а затем перезагрузит страницу.
Я могу создать код для отображения предварительного просмотра. Мне просто нужно знать, как добавить функцию, чтобы отображать пользовательский модал, содержащий кнопку "Добавить в корзину".
Требования:
- Переименуйте кнопку "Добавить в корзину", чтобы "просмотреть"
- Когда нажата кнопка "Предварительный просмотр", откройте модал начальной загрузки.
- Модал содержит кнопку "Добавить в корзину", которая добавляет товар в вашу корзину.
Было бы замечательно, если бы вы могли также поделиться, где я должен добавить модальный код и код js, чтобы открыть модальный.
Я использую плагин под названием "вставить верхний и нижний колонтитулы", который я могу использовать, чтобы добавить код js, который открывает модальный предварительный просмотр, но если у вас есть лучший способ, пожалуйста, поделитесь.
Вот URL-адрес одной из страниц продукта: https://peppyplates.brookstonesites.co.uk/product/girl-christening/
Я ничего не пробовал до тех пор, пока не знаю, как хорошо кодировать в wp, но вот пример того, что я бы сделал, если бы это был сырой 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-код начальной загрузки. Я не хочу редактировать плагин напрямую, так как, если он будет обновлен, код будет удален