Как сверстать корзину на woocomerce?

Question

[WebforSelf]

Друзья, есть сайт на стандартном woocomerce шаблоне, потребовалось сделать такую корзину,
зная что плагинов много, подскажите , есть ли плагин чтоб сделать вот такую корзину

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

Answer 1

[WP Panda]

нет нету, и отличается ваша от стандартной лишь расположением блоков хуки и css вам в помощь.

P.S. За капчу в корзине скоро будут отрубать руки

Comments

[WebforSelf]

А основной шаблон корзины какой файл? Они так кусками разбросаны.

[WP Panda]

это основной https://github.com/woocommerce/woocommerce/blob/ma...

остальное вокруг.

И то, что оно там шаблонами на хуках, как раз и позволяет скомпоновать ее так, как хотите, не ограничивая себя ничем

[WebforSelf]

WP Panda, спасибо, да вот хуками вроде удобно, но когда начинаешь верстку подключать ,почему то все div через function добавлять надо.

[WP Panda]

WebforSelf,
Без обид, но

все div через function добавлять надо

звучит как лютая и бессмысленная херня

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

[WebforSelf]

WP Panda, это я наверное не ко всему отношу, а например к последнему вопросу заданному тут

Как обернуть в div категории woocomerce?

Есть функция вывода категорий ( сам шаблон вывода отдельной категории нашел) а вот как обернуть в див, не нашел и пришлось через function добавлять. Причем банальная задача с виду.

[WP Panda]

WebforSelf, Тутору тот времен царя гороха и давно уже не актуален.

Если бы вы посмотрели код самостоятельно, то увидели бы следующее
https://github.com/woocommerce/woocommerce/blob/e1...

там вежливо есть фильтры для обертки.

[Антон Литвиненко]

Вообще тут на картинке сразу чекаут, разве можно чекаут перенести в корзину?

[WP Panda]

Anton Litvinenko, можно , ничего не мешает, но проще в чекаут добавить функционал обновления корзины

[WebforSelf]

WP Panda, не совсем пойму как объединить в чекауте корзину и оформление заказа

https://mad-dog.ru/obedinit-straniczy-korzina-i-of...

Нашел такую инструкцию, но что то подсказывает что этот способ костыльный и морально устарел.

[WP Panda]

Он и тогда был кривожоп.
И один хрен структуры вам оно не поменяет.

Основной шаблон корзины https://github.com/woocommerce/woocommerce/blob/ma...
Файлы корзины https://github.com/woocommerce/woocommerce/tree/ma...

Основной файл чекаута https://github.com/woocommerce/woocommerce/blob/ma...
Файлы чекаута https://github.com/woocommerce/woocommerce/tree/ma...

Копируете нужно себе в тему в папку woocommece с сохранением пути к файлам как в директории templates в самом WooCommerce и компонуете как вам надо, так же есть куча экшенов и фильтров там же

[WebforSelf]

WP Panda, думал уже о приобретении данного модуля
https://docs.woocommerce.com/document/woocommerce-...
Он решит проблему оформления заказа на одной странице? или посоветуйте какой либо модуль?

папка с шаблоном woocomerce скопирована, только не совсем пойму как это все на одной странице скомпоновать

[WP Panda]

WebforSelf, не знаю, решит или нет, тем более под ваш макет все равно придется его допиливать скорее всего.

Лично мне проще было бы сделать самому, заняло бы несколько часов, вам скорее всего нет. Просто прочухать вам надо как оно все там утроено и все. Там все логично и удобно на самом деле.

[WebforSelf]

WP Panda, а есть какой то понятный мануал на русском языке? Просто как это все на одной странице подружить, я не представляю? 2 шорткода вставлять на странице?а потом уже с помощью фильтров отключать лишнее?

[WP Panda]

Мануала точно нет, тем более на русском.

Для того, что бы сделать вам надо понимать:

• как работают фильтры и экшены
  
• как работает корзина
  
• как работает чекаут
  
• уметь в поиск по коду и понимание чего данный кусок кода делает
  

На самом деле оно вроде как и простое, но если вы второй раз в жизни видите это, или метод разработки сайтов у вас - понаставить плагинов. То новости плохие - будет тяжело, тяжело, но надо. Ибо только так вы будете расти в профессиональном плане.

[WebforSelf]

WP Panda, Все когда то бывает в первый раз)

Работу с фильтрами и экшенами я вроде освоил, но как сделать чтоб корзины не было и был единый чекаут.

Получается по факту все равно корзина будет, ее никуда полностью не удалить. Редирект ставить на чекаут сразу? а там уже добавлять экшены которые относятся к корзине? в файле чекаута?

[WP Panda]

Страницу корзины мы можете не заводить а весь функционал сразу закидывать в чекаут

[WebforSelf]

WP Panda, все ссылки /cart заменить на checkout получается?

[WP Panda]

Их можно просто не выводить, ну и редиректы никто не отменял, если что

[WebforSelf]

WP Panda, разве я не могу разместить 2 шотрткода на странице checkoout

[woocommerce_cart]

[woocommerce_checkout]

а далее уже в шаблонах править все?

[WP Panda]

можете, почему нет, просто по факту вы будете делать, то же самое что и без этого