Убрать Sale из Appsell

[YaSerg]

Подскажите возможно ли убрать надпись Скидка (Sale) для товаров отображаемых в аппселл. Т.к. я их вывожу маленькими, надпись скидка налазиет на стоимость (на картинке товара).

Уменьшить размер цены и слова скидка для Appsell товаров отдельно от основной надписи не получается, поскольку применён тот же стиль.

Тема Wootique.

 

[D&B]

Оставьте только восклицательный знак

 

[YaSerg]

Оставьте только восклицательный знак

Вы о чём?

Вопрос в том что я не знаю как только для аппселл товаров изменить эту надпись.
Как я понял она выводится одинаковой как на основном товаре так и на аппселл товаре.

 

[delitant]

Не могу сообразить что такое аппселл...

 

[YaSerg]

Товары выводимые внизу на странице товара "Вам также может понравиться…"
Апселл (Upsell) - раздел товара сопутствующая продукция.

 

[Stork.71]

по аналогии с тем, как делали уменьшение их размера, добавить стилевое свойство для этого span'а и сделать display:none

 

[YaSerg]

по аналогии с тем, как делали уменьшение их размера, добавить стилевое свойство для этого span'а и сделать display:none

Я не делал уменьшений ) А точнее физически оно получилось за счёт увеличения количества столбцов.
Как я понял это надо сделать в php фалйле, который отвечает за Апселл (Upsell)

 

[Stork.71]

попробуйте прописать в custom.css темы

.woocommerce upsells ul.products li.product onsale { display:none;}

 

[YaSerg]

попробуйте прописать в custom.css темы

.woocommerce upsells ul.products li.product onsale { display:none;}

не прокатило

 

[Stork.71]

туплю с синтаксисом.

.upsells ul.products li.product .onsale { display:none;}

 

[YaSerg]

туплю с синтаксисом.

.upsells ul.products li.product .onsale { display:none;}

Тоже не получилось, как не странно даже просмотрев элемент я не вижу этого стиля из файла custom.css

 

[Stork.71]

у меня на вутике работает.
а ссылку на страницу можно?

 

[YaSerg]

у меня на вутике работает.
а ссылку на страницу можно?

Скинул в ЛС.

 

[Stork.71]

Так у Вас вообще везде надо это менять, не только в Upsells!
попробуйте либо полностью убрать зеленый флажок

.onsale { display:none;}

либо ниже сдвинуть

.onsale { top:100px;}

но надо знать и учитывать все варианты, где и как оно используется!

Хотя вообще мне непонятно, почему вы этот стиль не видите и он не применяется. У меня все работает. Прописываю через инспектор в Хроме этот стиль - срабатывает вроде корректно. Вы точно custom.css дописываете, а не в stule.css правите?

И еще: в настройках типографии Вутика выберите кириллический шрифт! А то он английские буквы и цифры выдает Валерой, а русские - Ариалом.

 

[YaSerg]

Везде менять не надо. Т.к. на странице товара на большой картинке он нормально отображается.
Попробовал добавить все ваши варианты, но разницы почему-то никакой. Скрин приложил.

Спасибо за совет со шрифтами, покалдую позже с ними.

А из style.css этот стиль нужно удалить? style.css я оставил без изменений.

Я с этой проблемой уже давно бъюсь и второй выход пробовал увеличить размер блока upsells товаров https://wpcommerce.ru/threads/najti-fajl-generirujuschij-stil.266/

 

[Stork.71]

вы добавляете все свойства в "закомментированное" описание, между "/*" и "*/", поэтому эти стили и не воспринимаются.
добаьте их ниже, после 13 строки, после описания.
Рекомендую пользоваться текстовым редактором Notepad++. Он выделяет цветами синтаксис, там сразу будет видно, что закомментировано, что в скобках, где классы ну и т.д.