Плащане, Optour
Страницата за дизайн на плъгина на woocommerce има специфична структура и функционалност. Но тази структура не е много удобна. Ще финализираме страницата за плащане, като я разделим на логически блокове: Поръчка, Доставка, Форма за плащане, Информация за клиента и др.
Плащане (основна структура)
Шаблон form-checkout.php form name="checkout"
woocommerce_checkout_billing (информация за клиента) woocommerce_checkout_shipping (информация за доставка)
Template review-order.php (Order-review) таблица артикули за покупка обща доставка (cart-shipping.php, ajax в зависимост от информацията, въведена в woocommerce_checkout_billing, повече за доставката) /таблица
Бутон за плащане
Подготвена е по-визуална схема за коя област на дизайн отговаря кой шаблон на Woocommerce
Блок "Избор на начин на доставка"
Шаблонът, който отговаря за показването на блока с избор на опции за доставка, е (по някаква причина) тук:cart/cart-shipping.php.
Надписът Delivery, който първоначално присъства там, се показва с този ред:
Можете да добавите заглавието „Изберете метод на доставка“ и общото тегло на поръчката директно към блока с доставка, можете да закачите
Финализиране на елементите
Ако не използваме функционалността за изчисляване на доставка и прилагане на купони, можете да деактивирате актуализирането на ajax. Ако не е необходимо да деактивирате ajax, има начин по-долу, без да го деактивирате.
Преместване на блок Форми на плащане
Деактивирайте изчисляването на доставката
Ако доставката е доста сложна и е невъзможно да се предпише автоматично (например: ако не можем действително да изчислим какъв вид газела е необходима), тогава изключваме изчисляването на доставката: просто оставяме Вземане и Доставка в методите за доставка (от 0цена). В същото време изтриваме полетата, свързани с доставката, от формуляра за информация за клиента и, обратно, изтриваме полетата, свързани с клиента, от формуляра за доставка. И ние създаваме скрипт, когато щракнете върху елемента Доставка, който отваря формуляра за доставка.
#shipping_method_0_flat_rate-6 — идентификатор на полето с артикула за доставка
информация за доставката
Тази опция за внедряване не е пълно решение, т.к има редица недостатъци, а в основата си има доста примитивен подход
Връзка между опцията за доставка и полетата
Метод за 2 опции за доставка (не е подходящ за 3 или повече)
Ако имаме опции за доставка и вземане, тогава би било хубаво да синхронизираме опцията за доставка и предлаганите полета за попълване. При вземане за собствена сметка е необходимо полетата за доставка да са скрити и да се показват при избор на опция за доставка.
В полето за град можете по подразбиране да замените автоматично $("#shipping_city").val("Rostov-on-Don");
Метод за 3 или повече опции за доставка
Първоначално правим доставката (една от опциите) и полетата за доставка активни. Следваща магия на jquery
Без деактивиране на ajax
Ajax на страницата за плащане по някакъв начин е необходим (за същите купони). Затова ще променим малко (промените засегнаха първия ред, тъй като DOM елементите все още не са създадени) универсалния скрипт за деактивиране на полетата за доставка. #shipping_method_0_local_pickup-3 — идентификатор на полето за получаване.
И за всеки случай включваме първоначалния избор за всяка доставка
Опции за проектиране на физически лица и юридически лица
Задачата е да направите 2 варианта за поръчка на физически лица. лица и за юридически лица лица. Създаването на тази функционалност е описано в статията Юр. или физически. лице на касата
Споделяйте информация с приятели
- Подобни публикации
- Коментари
- Прикачени файлове
Отдавна исках да анализирам подробно темата с WC бутоните. Бутоните променят своя външен вид и функционалност в зависимост от вида на продукта, наличността и други фактори. Също така в двигателя на магазина на Woocommerce има много Прочетете повече "
Фактура за плащане
Завършваме стандартната функционалност на Woocommerce, като добавяме генериране и изпращане на фактура за плащане. Както и други начини за допълнителни автоматични прикачени файлове: фактура, касова бележка. WooCommerce PDF фактури & Опаковъчни листове Прочетете повече »
Филтър за продукти на WooCommerce AJAX
По-рано този филтър участва в общ преглед, в който дадох основните характеристики. Нека разгледаме по-отблизо работата с WooCommerce AJAX Products Filter. Работа с WooCommerce Филтър за продукти AJAX Може да се създаде Прочетете повече »
ВНИМАВАЙТЕ С МНОГО ГРАМОВЕ. ГРЕШКА
$(function() < /*Плъзнете метода на плащане най-горе */ $('.col-1').prepend( $('ul.wc_payment_methods.payment_methods.methods') ); $('ulul.wc_payment_methods.payment_methods.methods').detach().prependTo('.col-1'); $ ('.col-1').prepend('
Начин на плащане
$('.col-1').prepend( $('ul#shipping_method') ); $('ul#shipping_method').detach().prependTo('.col-1'); $('.col-1').prepend('