Woocommerce kodetips

For alle disse tip gælder det, at du bør teste dem i et testmiljø – IKKE på din kørende WooCommerce webshop!

Og sørg for at have FTP adgang, så du kan rydde op i det, hvis noget går galt.

Flere af dem kan klares ved at bruge enten dit eget funktionsplugin eller et plugin til håndtering af “code snippets“.

Produkter

Fjern dropdown med produktsortering

Du kan fjerne den helt ved en tilføjelse til dit temas functions.php eller et funktionsplugin – eller via et snippetplugin. Tilføj denne linje:

/* Remove ordering dropdown on Woocommerce product archives */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

Hvis du vil lave rettelser i indholdet kan du finde filen her:

/wp-content/plugins/woocommerce/template/loops/ordering.php

Kopier filen til dit tema og rediger i den

/wp-content/themes/yourtheme/woocommerce/loops/ordering.php

Tilføj en ramme til produktbeskrivelsen

Tilpas rammen med stregtykkelse, stil og farve så den passer og læg så instruksen i din custom.css

.woocommerce .woocommerce-tabs {border: 1px solid #e6e6e6}

Fjerne en eller flere faner på produktsiden

Brug denne kodestump til at fjerne en eller alle faner på siden for selve produktet.

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

/* remove product tabs in WooCommerce */
function woo_remove_product_tabs( $tabs ) {

    unset( $tabs['description'] );      	// Remove the description tab
    unset( $tabs['reviews'] ); 			// Remove the reviews tab
    unset( $tabs['additional_information'] );  	// Remove the additional information tab

    return $tabs;

}

Eller tilføj følgende til din css for at skjule fx Anmeldelser-fanen:

.woocommerce .woocommerce-tabs ul.tabs {display:none !important}

Flyt rundt på produktfanerne

Du kan flytte rundt på dem som du har lyst til, det er blot et spørgsmål om tallet til sidst. Brug det som en kodesnippet eller indsæt det i dit funktionsplugin.

add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );

/* reorder product tabs in Woocommerce */
function woo_reorder_tabs( $tabs ) {
 
$tabs['reviews']['priority'] = 5; // Reviews first
$tabs['description']['priority'] = 10; // Description second
$tabs['additional_information']['priority'] = 15; // Additional information third
 
return $tabs;
}

Få vist lige store kasser på katelogsider

Med forskel i længden på produktoverskrifter og beskrivelser kan det nogle gange være svært at få rammerne til at være lige store.

Du kan nå et stykke vej ved at sætte en min-height i css på enten produkt selve kassen eller overskriften. Alt efter hvad der nu passer bedst i dit tilfælde.

h2.woocommerce-loop-product__title {
  min-height: 40px;
}

Filtrering af produkter

Nogen gange er den bedste løsning bare et investere tid eller penge i et godt plugin. Hvis du vil have et godt filter, så tag et kig på de her to:

https://da.wordpress.org/plugins/woocommerce-products-filter/

https://barn2.co.uk/wordpress-plugins/woocommerce-product-table/