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å katalogsider

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/

CheckOut

Ret Etiketter på felter i checkout

/*
* Change the country label
* src: https://developer.woocommerce.com/docs/code-snippets/customising-checkout-fields#section-2
*/
function eid_change_checkout_fields( $fields ) {
     $fields['country']['label'] = "Country/Region (contact us if not on the list)";

    return $fields;
}
add_filter( 'woocommerce_default_address_fields' , 'eid_change_checkout_fields' );

Handelsbetingelser i ny fane

Woocommerce er begyndt at vise handelsbetingelser som en modal på samme side -og det er bare ikke altid den bedste løsning.

Heldigvis kan den funktion ret nemt deaktiveres, så det i stedet vises på et nyt faneblad.

/**
 * Force WooCommerce terms and conditions link to open in a new page when clicked on the checkout page
 */
function eid_woocommerce_checkout_terms_and_conditions() {
  remove_action( 'woocommerce_checkout_terms_and_conditions', 'wc_terms_and_conditions_page_content', 30 );
}
add_action( 'wp', 'eid_woocommerce_checkout_terms_and_conditions' );

Emails

Send mail ved Afventer (pending) status

WooCommerce sender først en mail, når betalingen er gennemført, men nogle gange kan det være vigtigt at få besked allerede før betaling er gennemført.

/*
* Temporary solution for notifying admin for orders pending payment 
*/
// New order notification only for "Pending" Order status
function eid_pending_new_order_notification( $order_id ) {
    // Get an instance of the WC_Order object
    $order = wc_get_order( $order_id );

    // Only for "pending" order status
    if( ! $order->has_status( 'pending' ) ) return;

    // Get an instance of the WC_Email_New_Order object
    $wc_email = WC()->mailer()->get_emails()['WC_Email_New_Order'];

    ## -- Customizing Heading, subject (and optionally add recipients)  -- ##
    // Change Subject
    $wc_email->settings['subject'] = __('{site_title} - New customer Pending order ({order_number}) - {order_date}');

    // Change Heading
    $wc_email->settings['heading'] = __('New customer Pending Order'); 
    $wc_email->settings['recipient'] .= 'support@otiom.com,info@eid.dk,mde@otiom.com'; // Add email recipients (coma separated)

    // Send "New Email" notification (to admin)
    $wc_email->trigger( $order_id );
}
add_action( 'woocommerce_checkout_order_processed', 'eid_pending_new_order_notification', 20, 1 );