A WooCommerce - Online Store Sales Optimization oldal "Nem található a kiválasztott terméknek megfelelő termék" oldal testreszabása

Ebben a cikkben látni fogjuk, hogyan lehet testreszabni az oldalt "Nem található a kiválasztott terméknek megfelelő termék"Mi jelenik meg, ha keresést végez a online shop cu WooCommerce, nem küldenek vissza eredményeket. Pontosabban egy rövid útmutató A WooCommerce legjobb gyakorlata az értékesítés optimalizálása és a potenciális vásárlók jobb élménye érdekében.

A legtöbb téma WordPress WooCommerce-re optimalizálva, nem kínál administratoraz üzlettulajdonosok személyre szabhatják azt az oldalt, amelyen nem jelennek meg találatok az online áruházban végzett keresést követően. "Nem található a kiválasztott terméknek megfelelő termék"Vagy"Nem található termék".

Nem található a kiválasztott terméknek megfelelő termék
Nem található a kiválasztott terméknek megfelelő termék

Egy ilyen oldalon, ahol nem jelennek meg találatok, a potenciális vásárlónak nincs más dolga, mint visszatérni az oldal navigációs menüjébe, és megnézni, milyen egyéb termékek is érdekelnének.
Az értékesítés szempontjából jobb optimalizálás az lenne, ha a felhasználó tájékoztatást adna a promóciókról, gyors kapcsolatfelvételi adatokról vagy egyéb termékekről/termékkategóriákról ezen az oldalon.

Az oldal testreszabása "Nem található a kiválasztott terméknek megfelelő termékA WooCommerce-től

Az a PHP fájl, amely nulla eredménnyel válaszol az oldalra, amikor a WooCommerce webáruházban terméket keres, a no-producs-found.phpTalálható wp-content/plugins/woocommerce/templates/loop és tartalmazza a kódot:

<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

Amint láthatja, ebben a fájlban található a "Nem található termék" oldalon megjelenő szöveg. Ez a szöveg nyelvenként eltérő, ha az online áruház a WooCommerce által támogatott nyelvre van beállítva.

Ha meg akarjuk változtatni az oldal tartalmát"Nem található termék", A legjobb módszer a fájl klónozása az aktív téma mappában: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. Így a update A WooCommerce nem távolítja el a változtatásainkat.

E lépés után folytathatjuk a fájl szerkesztését no-products-found.php.
Előnyösebb a rövid kódok használata, különösen, ha a téma lehetővé teszi az „UX Blocks”, például a Flatsome vagy a „HTML Blocks” használatát, mint a WoodMart és más WooCommerce témák esetében.

A kedvenc módszerem a kód lecserélése volt:

<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

rövid kóddal egy HTML blokkhoz, amelybe bannereket, termékeket, termékkategóriákat adhat hozzá. Így ezen oldal elérése esetén a potenciális vásárló az online áruház termékeihez, akcióihoz vonzódik.

<?php echo do_shortcode('[block id="search"]'); ?>

Ahol [block id="search"] rövid kódot jelöl egy egyéni HTML oldalon.

Az alábbiakban még néhány WooCommerce - Best Practice - cuccot teszek közzé, amelyeket több webáruházban is sikeresen alkalmaztam.

Hogyan » WordPress » A WooCommerce - Online Store Sales Optimization oldal "Nem található a kiválasztott terméknek megfelelő termék" oldal testreszabása

Szenvedélyes a technológiával kapcsolatban, szeretek tesztelni és oktatóanyagokat írni az operációs rendszerekről macOS, Linux, Windows, ról ről WordPress, WooCommerce és LEMP webszerverek konfigurálása (Linux, NGINX, MySQL és PHP). írok tovább StealthSettingsA .com 2006 óta, és néhány évvel később elkezdtem írni az iHowTo.Tips oktatóanyagokat és az ökoszisztéma eszközeiről szóló híreket Apple: iPhone, iPad, Apple Nézd, HomePod, iMac, MacBook, AirPod-ok és kiegészítők.

Írj hozzászólást