Решено Как выровнять кнопки добавить в корзину

[rikitiki]

Скрыть только кнопку можно в CSS через псевдоклассс hover.

 

[igor.gayyar]

так будет правильно
.woocommerce ul.products li.product .button a hover{visibility:visible}

?

 

[igor.gayyar]

Ок, спасибо. Буду разбираться..
Почему - то не могу прописать путь до hover правильно

 

[igor.gayyar]

Ничего у меня почему-то не получается....
Вроде все прописано правильно ...

.woocommerce ul.products li.product .button:hover
{
background-color: rgba(60,181,181,0.8);
height: 40px;
width: 100%;
text-align:center;
line-height: inherit;
font-size: 18px!important;
padding-bottom: 31px;
visibility: visible
}

 

[tuxfighter]

точки с запятой не хватает.
а перед тем как ее показывать, вы ее спрятали?

 

[igor.gayyar]

Да, конечно прятал, но сейчас удалил изменения, чтобы она отображалась

Прятал так(добавлением в style.css):
.woocommerce ul.products li.product .button
{
background-color: rgba(60,181,181,0.8);
height: 40px;
width: 100%;
text-align:center;
line-height: inherit;
font-size: 18px!important;
padding-bottom: 31px;
visibility: hiden
}

А показывал так (как выше писал):
.woocommerce ul.products li.product .button:hover
{
background-color: rgba(60,181,181,0.8);
height: 40px;
width: 100%;
text-align:center;
line-height: inherit;
font-size: 18px!important;
padding-bottom: 31px;
visibility: visible;
}

точки с запятой не хватает где именно? то что выделил красным?
А еще подскажите, срабатывать "появление будет" при наведении курсором именно на кнопку "добавить в корзину", а можно сделать, чтобы она отображалась при наведении на сам товар/рамку товара? А то не совсем понятно будет..

 

[tuxfighter]

да, где выделили, и еще visibility: hiden - тоже ; нету.

А еще подскажите, срабатывать "появление будет" при наведении курсором именно на кнопку "добавить в корзину", а можно сделать, чтобы она отображалась при наведении на сам товар/рамку товара? А то не совсем понятно будет..

вот как сделать так, я с ходу не подскажу....
пробовать надо....

 

[Stork.71]

; вроде в данном случае не влияет - она последняя в ряду. Но ставить ее все же надо приучаться!
а вот hidden пишется с двумя dd
и еще, для свойств с hover по идее достаточно оставить visibility: visible; все остальное дублировать не надо. Это лишние байты кода, лишнее время на подгрузку. Лишняя путанница.

 

[igor.gayyar]

Спасибо, только все равно не работает (((

Это в woocommerce.css вставил:
.woocommerce ul.products li.product .button{background-color:rgba(60,181,181,0.8);height:40px;width:100%;text-align:center;line-height:inherit;font-size:18px!important;padding-bottom:31px;visibility:hidden;}

Это в style.css:
.woocommerce ul.products li.product .button:hover{visibility:visible;}

Кнопка пропасть, то пропала, но не появляется
(почистил и cloudflare и кэш и браузер...)

 

[igor.gayyar]

подскажите еще, пожалуйста, какой правильный класс прописать для этой кнопки "Акции".



Хочу изменить цвет ее, чтобы было так, но ни как не могу с классом разобраться

 

[tuxfighter]

смотрю сами разобрались?

 

[igor.gayyar]

Да. С тем, чтобы выделить кнопку разобрался. Нужно было прописывать стиль не в файл style.css темы, а в файл, который отвечает именно за стиль меню. Он тоже называется style.css, но находится в папке uploads.

С выравниванием кнопок "в корзину" только никак не могу не могу разобраться. На форуме читал чей то совет по аналогичной теме, так вот советовали div кнопки вынести из родительского div пониже и по идее кнопка привяжется к рамке..

 

[tuxfighter]

Да. С тем, чтобы выделить кнопку разобрался. Нужно было прописывать стиль не в файл style.css темы, а в файл, который отвечает именно за стиль меню. Он тоже называется style.css, но находится в папке uploads.

никогда так не делайте

 

[igor.gayyar]

Потому что он перезаписывается?
Этот стиль перенесся в настройки плагина. Там есть спец. окошко куда можно писать стили меню. Я думаю они там сохраняются.

 

[tuxfighter]

Этот стиль перенесся в настройки плагина. Там есть спец. окошко куда можно писать стили меню.

если только так.
чтож было просто туда сразу стили не добавить? -))

 

[igor.gayyar]

Привык все в style.css темы все пихать..

 

[igor.gayyar]

Я воспользовался этим кодом

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
if ( is_shop() && get_post_type( $id ) === 'product' ) {
return substr( $title, 0, 95 );
} else {
return $title;
}
}


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


Не знаете ка его убрать и сделать так, чтобы в конце текста было троеточие...

 

[Stork.71]

в некоторых, или во всех которые обрезаются?

 

[igor.gayyar]

В некоторых - как на скрине

 

[igor.gayyar]

А Вы не поможете мне еще в одном вопросе ???
Бьюсь уже кучу времени и никак не могу решить одну проблему...
Как мне отсюда удалить H2 ???



Ну очень не красиво выглядит. Люди выбирая вкладку "Описания" или "Свойства" и так понимают о чем речь.




Ссылка