Webové zákusky

Woo: formátování třídění a počtu výsledků

2. 10. 2022

Co si budeme povídat, zobrazení počtu výsledků a možností třídění ve WooCommerce moc sexy není. A co si ho změnit?

woo - základní zobrazení třídění

Výsledek pak může vypadat například takto, a je k tomu třeba jen pár řádků kódu.

WooCommerce - formátované třídění

Třídění i počet nalezených produktů si můžete přizpůsobit, jak libo. Třeba k tomu pomůže kód níže jako startovací mooster:

.woocommerce-ordering select.orderby{
    background-color: inherit;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    font-size: 0.75em!important;
    text-align: left;
    border-width: 1px;
    border-color: #999;
    background-color: #FFFFFF;
    color: #999;
    padding: 8px;
		font-weight: 300;
}


p.woocommerce-result-count {
    background-color: inherit;    
    font-size: 0.75em!important;
    text-align: left;    
    border-bottom: 1px solid #999;
    color: #999;
    font-weight: 300;
}

Další články

Ninja forms – co se hodí vědět

Ninja Forms je skvělý plugin pro formuláře. A to hned z několika důvodů: Skvělý drag&drop editoraria atributy, což je skvělé pro přístupnost webu,umí ukládat odpovědi, zvládne poslat tolik...

WooCommerce – změna textu tlačítka

Tzv. "Tlačítková novela" s sebou přináší pro e-shopy řadu změn a jednou z nich je změna textu tlačítka v posledním kroku nákupu (tak novela dostala svůj název). A kdo je připraven - není překvapen. Jak takové tlačítko přejmenovat?