Tijdens het afrekenen wil je de klant zo min mogelijk afleiden. Het wordt dan ook aangeraden zoveel mogelijk links te verwijderen, zoals in je hoofdmenu en footer. Maar hoe doe je dit in WordPress? Hoe zorg je ervoor dat het normaal wel wordt getoond maar alleen tijdens het afrekenen niet?

Gebruik je WordPress en Divi? Dan hebben wij je een klein speciaal stukje code voor je waarmee je dit kunt uitschakelen. Hiermee wordt het menu en de footer verborgen in de winkelmand en bij het afrekenen. Het logo wordt wel getoond met de enige link (naar de homepage).

Code

.woocommerce-checkout #top-menu-nav,
.woocommerce-checkout #main-footer {
display: none!important;
}

Instructie

  • Ga naar Divi > Thema Opties
  • Scroll helemaal naar beneden naar Aangepaste CSS
  • Kopieer bovenstaande code
  • Plak de code in het blok bij Aangepaste CSS
  • Druk op Opslaan!

Bekijk nu het resultaat in het winkelmandje en op de afrekenpagina!

Het kan zijn dat de pagina’s nog niet helemaal ververst zijn (cache dingetje). Druk dan op CRTL+F5 als je een Windows computer hebt of Shift+Command+R op een mac.