2016-10-19 2 views
0

С нами связался клиент, для которого я создал сайт несколько лет назад. Это было до того, как я создал пользовательские темы с нуля, так что это немного горячая проблема с шаблоном/дочерней темой.WooCommerce: скрытые кнопки оплаты до отправки заказа

Клиент хочет, чтобы нижняя часть контрольной секции отображалась только после того, как пользователь продвинулся после выбора своей доставки, иначе пользователи смогут просто перейти на последний этап процесса оформления заказа, не выбирая доставку. Насколько я могу судить, никакие классы не изменяются ни на одном из разделяющих div из одного вида проверки на другой, поэтому я не могу найти что-либо для таргетинга с помощью CSS, который скроет этот раздел, пока пользователь не окажется в правильном представлении. У кого-нибудь есть идеи относительно того, как я могу это достичь?

Сайт находится здесь: http://www.hidalgoequine.com

Очень высокую оценку!

+0

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

+0

Спасибо за ваш ответ. Насколько я могу судить о том, что доставка настроена на необходимость, но проблема заключается в том, что на всех этапах процесса проверки видна опция оплаты/«порядок размещения», поэтому пользователь может щелкнуть, чтобы перейти на проверку WorldPay, прежде чем добавив их адрес. Я против хаков, но этот клиент не платит за эту работу (они считают это ошибкой с оригинальным сайтом), поэтому я ищу любое функциональное решение. –

ответ

0

добавьте свои пользовательские кнопки «предыдущий» и «следующий» в разделе «Переопределение темы» для страницы просмотра woocomerce (или). Используя JQuery, добавьте свои пользовательские кнопки и добавьте события - на основе этого show/hide. пример, чтобы скрыть доставку. JQuery ("six.columns.shipping") скрыть(). Основываясь на активном/дорожке CSS, подсчитайте количество шагов и соответствующим образом отобразите div. И последний шаг, когда-то показывающий опцию оплаты, затем отобразите кнопку paynow.

+0

Спасибо, Senthil. Не уверен, что я полностью понимаю ваш ответ, но я попробую взломать jQuery на основе состояния неупорядоченного списка с шагами проверки (у ли активного представления есть класс «active»), и я буду отправьте решение здесь, если я получу эту работу. –

Смежные вопросы