В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

WordPress && WooCommerce

1522 membersпожаловаться на группу
2021 August 21

QQ

Q Q in WordPress && WooCommerce
Всем привет
возможно кто-то сталкивался с этим уже...

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

В идеале это должно выглядеть вот так (см. скрин). Как добиться такого результата?
источник
23:25пожаловаться#1

QQ

Q Q in WordPress && WooCommerce
проблема в том, что если добавить фон, то заливается не карточка, а весь блок с карточками..
источник
23:26пожаловаться#2

МА

Мухаммаджон Акилжоно... in WordPress && WooCommerce
можно ссылку на сайт
источник
23:29пожаловаться#3

QQ

Q Q in WordPress && WooCommerce
https://spojler.ru/shoppi/
источник
23:30пожаловаться#4

QQ

Q Q in WordPress && WooCommerce
немного погуглив, наскок я понял разрабы WC что-то изменили, и теперь внести подобные правки стало труднее...
источник
23:30пожаловаться#5

PS

Pavel Smith in WordPress && WooCommerce
источник
23:34пожаловаться#6

PS

Pavel Smith in WordPress && WooCommerce
вообще можно, просто поиграв немного с разметкой)
источник
23:34пожаловаться#7

МА

Мухаммаджон Акилжоно... in WordPress && WooCommerce
image_2021-08-21_23-40-04.png
(262.65 Кб)
если только создать свой класс и добавить его туда
источник
23:40пожаловаться#8

QQ

Q Q in WordPress && WooCommerce
вот умеют же разрабы WC усложнить жизнь))
источник
23:42пожаловаться#9

BM

Borys Meshkov in WordPress && WooCommerce
С помощью css?)
источник
23:45пожаловаться#10

QQ

Q Q in WordPress && WooCommerce
ну да
источник
23:45пожаловаться#11

BM

Borys Meshkov in WordPress && WooCommerce
а в чем проблема?
источник
23:45пожаловаться#12
2021 August 22

QQ

Q Q in WordPress && WooCommerce
благодарю, вроде как помогло✌️
источник
00:21пожаловаться#13

QQ

Q Q in WordPress && WooCommerce
И тебе спасибо 🤝
но воспользуюсь я наверное вариантом Павла, так проще просто прописать нужные правила, а не искать где разрабы WC закопали эти liшки
источник
00:27пожаловаться#14

PS

Pavel Smith in WordPress && WooCommerce
Тока сделай нормально, я то писал просто теорию проверить.
источник
00:35пожаловаться#15

QQ

Q Q in WordPress && WooCommerce
в итоге добавляю вот так:
@media (min-width: 1025px) {
.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product {
   max-width: 32% !important;
   background: #f3f3f3 !important;
   margin-left: 10px !important;
}

.wc-block-grid__product {
 border-left: 0px solid transparent;
   border-right: 0px solid transparent;
   border-bottom: 16px solid transparent;
}

.wc-block-grid__products .wc-block-grid__product-image img {
   background: #F7F7F7;
}
 }
источник
00:36пожаловаться#16

QQ

Q Q in WordPress && WooCommerce
плядь! ну и кончелыжный же этот wc с их блоками...
теперь картинка размывается до тех пор пока не зайдёшь внутрь товара 🤷‍♀️
источник
00:37пожаловаться#17

QQ

Q Q in WordPress && WooCommerce
до захода в карточку товара/после

ps. вышеупомянутый код здесь не причём. Он сейчас не используется на сайте.
источник
00:38пожаловаться#18

QQ

Q Q in WordPress && WooCommerce
источник
00:38пожаловаться#19

MD

Maxym Denysenko in WordPress && WooCommerce
Просто кто-то кривой 🤷‍♂️
источник
01:02пожаловаться#20