WooCommerce je s 30% podielom na trhu najpoužívanejší e – commerce nástroj aj v slovenských e – shopoch.
Vďaka intuitívnemu rozhraniu sa dá plnohodnotne prevádzkovať aj bez potreby rozumieť systému pod kapotou, niektoré známe nedostatky však vyžadujú predsa aspoň základy značkovacích jazykov. Dnes sa pozrieme na úplnú klasiku, odsadenie tlačítok v zozname tovaru.
Spravujte GLPI s IT365! Objavte naše expertné služby pre implementáciu a podporu GLPI.
Kliknite pre viac informácií.
WooCommerce 2.4 aj napriek častému dopytu neobsahuje možnosť používateľsky nastaviť odsadenie tlačítok „Pridať do košíka“ (prípadne tlačítok „Viac“ pre tovar, ktorý nie je na sklade) na stránke kategórie (SHOP (Archive) Page).
Nezarovnaný zoznam v „továrenskom“ stave vyzerá takto:
Riešením môže byť limitovanie počtu znakov v zobrazených názvoch produktov alebo elegantnejšie, vynútenie minimálnej výšky položky css atribútom min-height.
Pre úpravu zarovnania pridajte do Custom CSS políčka vašej témy nasledovný atribút:
.archive #main ul li a h3 {
min-height: 50px;
}
Úprava štýlu zarovná tlačítka k spodnému okraju.
Hodnotu min-height atribútu je potrebné nastaviť podľa potreby konkrétnej témy, spravidla však 50 px zarovná tlačítka presne.
Pre viac úprav štýlov WordPress alebo WooCommerce stránok je komfortnejšie použiť odvodené (child) témy. Odvodená téma sa neaktualizuje a teda nehrozí prepísanie vlastných úprav na „továrenské“ hodnoty.
