I den här artikeln kommer vi att se hur du anpassar sidan "Inga produkter hittades som matchade ditt val”Vad visas när en sökning i en butik cu WooCommerce, inga resultat returneras. Specifikt en kort guide till WooCommerce bästa praxis för att optimera försäljningen och en bättre upplevelse för potentiella köpare.
De flesta ämnen WordPress optimerad för WooCommerce, erbjuder inte administratorbutiksägare möjlighet att anpassa sidan där inga resultat visas efter en sökning i webbutiken. "Inga produkter hittades som matchade ditt val"Eller"Inga produkter hittades".
På en sådan sida där inga resultat visas har den potentiella köparen inget annat val än att gå tillbaka till sajtens navigeringsmeny och se vilka andra produkter som skulle vara intresserade.
En bättre optimering för försäljning skulle vara att förse användaren med information om kampanjer, snabb kontaktinformation eller andra produkter/produktkategorier på denna sida.
Hur man anpassar sidan "Inga produkter hittades som matchade ditt valFrån WooCommerce
PHP-filen som svarar på sidan med noll resultat när man söker efter en produkt i en webbutik med WooCommerce, är no-producs-found.phpBeläget i wp-content/plugins/woocommerce/templates/loop och innehåller koden:
<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>
Som du kan se, i den här filen finns texten som visas på sidan "Inga produkter hittades". Denna text skiljer sig från språk till språk om webbutiken är inställd på ett språk som stöds av WooCommerce.
Om vi vill ändra innehållet på sidan "Inga produkter hittades", Den bästa metoden är att göra en klon av denna fil i den aktiva temamappen: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. Alltså a update WooCommerce kommer inte att ta bort våra ändringar.
Efter detta steg kan vi fortsätta som vi vill redigera filen no-products-found.php.
Det är att föredra att använda kortkoder, speciellt om temat tillåter "UX Blocks", som Flatsome, eller "HTML Blocks" som i fallet med WoodMart och andra WooCommerce-teman.
Min favoritmetod var att ersätta koden:
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>med en kortkod till ett HTML-block för att lägga till banners, produkter, produktkategorier. Således, om denna sida nås, kommer den potentiella köparen att lockas till produkterna och kampanjerna från onlinebutiken.
<?php echo do_shortcode('[block id="search"]'); ?>Var [block id="search"] representerar en kortkod på en anpassad HTML-sida.
I det följande kommer jag att publicera lite mer WooCommerce - Best Practice-grejer, som jag framgångsrikt har tillämpat på flera nätbutiker.