• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Как убрать название (цену) товара в миниатюрах и обвести вокруг товара бордюрами?

taurustechnologies

Новичок
Здравствуйте!
Этот фрагмент на изображений с миниатюрой (блоком сопутствующего товара (UpSells) перемещен c помощью хуки (числовым приоритетом)
PHP:
remove_action('woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15);

add_action('woocommerce_single_product_summary', 'woocommerce_upsell_display', 15);

Теперь задача убрать выделенный участок на изображений и обвести бордюром как на этом сайте nursace.com/a55416-suet-sangue-3342

Как быть?

Спасибо!
 
Ссылка на проблему
http://nursace.kz/product/a34820-velvet-lacivert/

Вложения

  • Безымянный.png
    Безымянный.png
    414.6 KB · Просмотры: 15

taurustechnologies

Новичок
Быть через css - display: none и border

CSS:
.woocommerce .products .product .item-info {
    position: relative;
    display: none;
}

.woocommerce .products .product .item-image img {
    border: 1px solid #e8e8e8;
}
Благодарю!
Быть через css - display: none и border

CSS:
.woocommerce .products .product .item-info {
    position: relative;
    display: none;
}

.woocommerce .products .product .item-image img {
    border: 1px solid #e8e8e8;
}
Благодарю, Дайзер! Так намного проще. Получилось! только классы поменял. Спасибо!

CSS:
.upsells .products .item-image img {
    border: 1px solid #e8e8e8;
}

.upsells .products .product .item-info {
    position: relative;
    display: none;
}

А как сделать, так чтобы при наведении курсора бордеры меняли цвет на другой (например на черный), а также сделать размеры картинок поменьше и расположить картинки с бордюром (друг с другом)поближе? Что-то пока не получается у меня
 

Вложения

  • Безымянный.png
    Безымянный.png
    307.4 KB · Просмотры: 11
Сверху Снизу