WooCommerce is prachtig maar tricky om te personaliseren. Hier onder de code en gebruiksaanwijzing voor een aantal snippets om ook jouw WoooCommerce webwinkel aan te passen. Alle snippets heb ik gebruikt voor Live sites. Dus alles is getest en werkend.
Mocht het niet lukken of wil je wijzigingen laten doen, stuur maar een mail
WooCommerce Winkelwagen in top menu verbergen

In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css
WooCommerce Winkelwagen veranderen in eigen afbeelding

In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css
Lege WooCommerce Winkelwagen verbergen
In Divi Child theme functions.php
Geen zoom effect op product afbeelding van WooCommerce

In Child theme functions.php
WooCommerce Meta Tag Categorie verbergen

In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css
WooCommerce Meta Tag Tags verbergen

In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css
WooCommerce Breadcrumbs verbergen

In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css

Redirect “Terug naar Winkel” knop
In Child theme functions.php
Terug naar Winkel knop in WooCommerce Winkelwagen Pagina

+ en - na Aantal op single product pagina.

[code]
add_action( 'wp_footer', 'wwp_add_cart_quantity_plus_minus' );
function wwp_add_cart_quantity_plus_minus()
{
if ( ! is_product() && ! is_cart() ) return;
wc_enqueue_js("
$(document).on( 'click', 'button.plus, button.minus', function()
{
var qty = $( this ).parent( '.quantity' ).find( '.qty' );
var val = parseFloat(qty.val());
var max = parseFloat(qty.attr( 'max' ));
var min = parseFloat(qty.attr( 'min' ));
var step = parseFloat(qty.attr( 'step' ));
if ( $( this ).is( '.plus' ) )
{
if ( max && ( max <= val ) )
{
qty.val( max ).change();
}
else
{
qty.val( val + step ).change();
}
}
else
{
if ( min && ( min >= val ) )
{
qty.val( min ).change();
}
else if ( val > 1 )
{
qty.val( val - step ).change();
}
}
});
" );
}
In Child theme functions.php
In Divi > Thema Opties > Aangepaste CSS of
Child theme style.css
+ en – na Aantal op single product pagina, Methode 2

In Child theme functions.php
“Verzenden naar een ander adres” standaard NIET aangevinkt

In Child theme functions.php
Velden op Checkout / Afreken pagina verplicht of niet verplicht

In Child theme functions.php
Velden Woocommerce Account Checkout/Afreken pagina verplicht of niet verplicht

In Child theme functions.php
Custom field/Extra Veld op Woocommerce Adres pagina

In Child theme functions.php
Extra korting aanzetten na overschrijden van bepaald order bedrag
(niet getest)In Child theme functions.php
Catalogus mode voor WooCommerce
Alternatief: plugin YITH WooCommerce Catalog Mode
In Child theme functions.php
Verwijder Zoom functie product foto WooCommerce

In Child theme functions.php
Notitie toevoegen op de afrekenen checkout page WooCommerce

In Child theme functions.php
Minimum order grootte op de afrekenen checkout page WooCommerce

In Child theme functions.php
Extra tekst boven Add to Cart / Toevoegen aan Winkelwagen WooCommerce

In Child theme functions.php
Standaard afbeelding grootte veranderen WooCommerce
In Child theme functions.php
Tekst Bestelknop veranderen WooCommerce

In Child theme functions.php
Ronde product afbeelding in WooCommerce Winkel en enkel product
