Как да скриете текста 'продуктът не е в наличност' Out of Stock за определен продукт в WooCommerce

charles-1096414-unsplash-w1024

Как да премахнете или скриете съобщението "Out of Stock", което можете да скриете с CSS кода.

Стъпка 1: Намерете CSS, който отговаря за дадена продуктова страница

Всяка страница в WordPress има няколко CSS класа, което е много удобно. По този начин може със CSS да приложите различни цветове на базата на категория или други идентификатори. За да откриете този css клас, трябва да отворите продуктовата страница в Google Chrome.

След това натиснете F12 и ще се покаже конзолата за програмисти (developer console). След това отидете в <body секцията и потърсете postid-класа, последван от номер. Това е идентификационният номер на продукта. Това трябва да изглежда така.

how-find-product-id-class

Стъпка 2: Заменете 123 с номера, който сте намерили.

.postid-123. out-of-stock { display: none !important; }

 

Забележка: Имайте предвид, че ако имате сайт на WordPress, където съдържанието или продуктите се добавят / премахват постоянно, идентификационните номера на продуките ще се променят. Същият продукт ще получи различен идентификационен номер на различни сайтове. Затова искате по-надеждно решение, което ще ви трябва допълнителен код, който примерно да добави допълнителен CSS клас, който е свързан с продуктовата връзка (slug), а не с неговия номер.

Ако трябва да скриете всички Изходящи съобщения, можете да използвате този css код.

.wocommerce-page .out-of-stock { display: none !important; }

Стъпка 3. Добавете CSS кода към вашата тема

Можете да го направите от браузъра, като отидете в:

WP-Admin> Външен вид > Настройки > Допълнителен CSS

bulgarian-customizer-additional-css1

 

bulgarian-customizer-additional-css2

Ако WordPress администрацията ви е на английски същият екран ще изглежда така:

WP-Admin > Appearance > Customizer > Additional (or Custom) CSS

customizer-additional-css1

 

customizer-additional-css2

или можете да добавите и в style.css файла във вашат Child тема чрез (S) FTP програма.

Go359 - Oнлайн Магазини

Go359.com е платформа за електронна търговия, с която можете да си създадете безплатен електронен магазин бързо и лесно.

This entry has 0 replies

Comments open

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Please, enter user/email:
Please, enter user/email:
Безплатен онлайн магазин от Go359.com