Мобильная версия страницы корзины

[rda]

Здравствствуйте!
Подскажете, как на мобильной версии страницы корзины поменять местами крос-сел товары и блок оформления заказа?
Крос сел вылазит до кнопки оформления, а поскольку он больой, некторые клиенты не доматывают до кнопки и уходят...

 

[tuxfighter]

на скриншоте? с помощью фотошопа

 

[rda]

на скриншоте? с помощью фотошопа

Вот ссылка на магазин https://rodinblog.ru/katalog/
Скрин приложил для наглядности

 

[tuxfighter]

не увидел такого

 

[rda]

Если положить в корзину этот продукт то вы увидите то о чем я говорил (в мобильной версии)

Корзина

Корзина (card) rodinblog.ru

rodinblog.ru

 

[tuxfighter]

Крос сел вылазит до кнопки оформления

а как вы его туда вообще засунули?

 

[rda]

стандартная настройка WOO через кросс-сел товары

2022-10-24_10-37-08.png

Посмотреть и скачать с Яндекс Диска

disk.yandex.ru

 

[tuxfighter]

могу предложить вот такое решение, немного корявое, но все таки
add_action( 'woocommerce_after_cart', 'woocommerce_cross_sell_display', 10);
добавить еще раз крос-сел, но уже после всего
и в зависимости от ширины экрана (ПК или моб.) прятать один из них и показывать другой

.woocommerce .cross-sells {
 display: none;   
}

.woocommerce .woocommerce-cart-form .cross-sells{
    display: block;
}
@media screen and (max-width: 849px){
   .woocommerce .cross-sells {
 display: block;   
}

.woocommerce .woocommerce-cart-form .cross-sells{
    display: none;
}
}

 

[rda]

могу предложить вот такое решение, немного корявое, но все таки
add_action( 'woocommerce_after_cart', 'woocommerce_cross_sell_display', 10);
добавить еще раз крос-сел, но уже после всего
и в зависимости от ширины экрана (ПК или моб.) прятать один из них и показывать другой

.woocommerce .cross-sells {
display: none;  
}

.woocommerce .woocommerce-cart-form .cross-sells{
    display: block;
}
@media screen and (max-width: 849px){
   .woocommerce .cross-sells {
display: block;  
}

.woocommerce .woocommerce-cart-form .cross-sells{
    display: none;
}
}

Спасибо за такой вариант, нужно простестировать!

 

[rda]

Это работает!
Очень круто, спасибо )

 

[tuxfighter]

и версию темы обнови до актуальной

 

[rda]

и версию темы обнови до актуальной

пока свежая вроде https://disk.yandex.ru/i/OcRQjum9Tl4TLA