0

В данный момент кнопка В КОРЗИНУ на карточках товаров всплывающая - появляется при наведении мышки на карточку товара. А нужно сделать ее стационарной. Чтобы была всегда, а не появлялась при наведении. Как это сделать? Подскажите, пожалуйста.

Вот сайт: http://fitness-nutrition.by/aminokisloty/

Везде должна быть стационарной.

Спасибо. введите сюда описание изображения

1 ответ 1

0

введите сюда описание изображенияДля начала нужно было отметить что это woocommerce А так в свой css напишите:

.woocommerce ul.products li.product .button {
   opacity: 1;
   left: 0;
}
.woocommerce ul.products { 
   display: flex; 
   flex-direction: row; 
   flex-wrap: wrap;
} 
31
  • Спасибо огромное! Сработало) Может еще подскажите, как сделать карточки товаров одинаковой высоты? Сейчас они разной высоты, т.к. названия товаров разные. Выбрать максимальную высоту карточки в данный момент и сделать такими же по высоте все остальные. И еще, можно ли сделать, чтобы при добавлении в корзину не перегружалась страница? Возможно? Спасибо за помощь в любом случае.
    – bodv
    22 сен 2018 в 6:03
  • Еще заметил только сейчас. С мобильного телефона кнопка КАТАЛОГ растянулась на всю ширину. А была короткой, как кнопка обычная. Это изменило всю мобильную версию. Фактически, мобильной версии теперь нет, а есть обычная пк версия , только на телефоне. Как поправить?
    – bodv
    22 сен 2018 в 6:32
  • Тут смотрите какая ситуация Вам нужно перерисовать шаблон. Для одно высоты можно использовать js а можно просто fexbox. К примеру: .woocommerce ul.products { display: flex; flex-direction: row; flex-wrap: wrap;} Добавить корзину без перезагрузки это уже сложно нужны ajax запросы. По мобильной версии, у вас ее вообще нет. А так нужно смотреть это не от сделаных нами изменений. Там display: table и width 100%, так что так и должно быть. 22 сен 2018 в 6:53
  • Спасибо за ответы. Мобильной версии нет. Все правильно. Но сейчас нет. Она была. Это точно после внесения той строчки. Изменения каким-то образом повлияли и на кнопку каталог. Хотите уберу ту строчку? Посмотрите на мобильную версию... Там такая ситуация. Меняешь цвет шрифта, например, в одном месте - меняется везде!
    – bodv
    22 сен 2018 в 7:38
  • Убрал строчку - мобильная версия не вернулась... как вернуть мобильную версию? что я мог сделать?
    – bodv
    22 сен 2018 в 7:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.