Woocommerce Storefront Galleria добавляет название категории, чтобы оно постоянно показывалось поверх эскиза категории - PullRequest
Новая
       59

Woocommerce Storefront Galleria добавляет название категории, чтобы оно постоянно показывалось поверх эскиза категории

0 голосов
/ 26 сентября 2018

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

Вот как Galleria отображает названия категорий при наведении на них курсора

current way of showing category names

Я посмотрел на другой wootheme под названием Proshop, здесь отображается название категории продукта.по товарной категории.

вот пример

category names [example from proshop

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

Я потратил некоторое время, пытаясь найти код, относящийся к тому, как это показано, но все, что я добавляю в свой пользовательский css (взятый из файла css в proshop), не работает, скорее всего, потому что я добавляюнеправильные или недостаточные части кода и потому что есть некоторые функции, которые также нуждаются в настройке, над которыми я не могу работать.Итак, это CSS, который я пробовал: 

ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
font-size: 1.1em;} 

ul.products li.product.product-category h3, ul.products li.product.product-category h3 mark, ul.products li.product.product-category h2, ul.products li.product.product-category h2 mark, ul.products li.product.product-category .woocommerce-loop-product__title, ul.products li.product.product-category .woocommerce-loop-product__title mark {
color: #ffffff;}

ul.products li.product.product-category h3, ul.products li.product.product-category h2, ul.products li.product.product-category .woocommerce-loop-product__title {
background-color: #d84b2f;}

ul.products li.product.product-category h3, ul.products li.product.product-category h2, ul.products li.product.product-category .woocommerce-loop-product__title {
position: absolute;
bottom: .618em;
left: -.618em;
background-color: #d84b2f;
text-transform: uppercase;
padding: .618em 1em;
color: #fff;
z-index: 99;}

ul.products li.product h3, ul.products li.product h2, ul.products li.product .woocommerce-loop-product__title {
margin-bottom: 1em;}

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

Вот тема Galleria, используемая на нашем текущем сайте: https://www.hippyclothinguk.co.uk

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

...