Hide Related Products in WooCommerce using Custom CSS to turn off related products on the product page

Ez egy elég egyszerű megoldás. De ez egy “CSS javítás”, nem pedig egy tiszta “kódjavítás”, ami azt jelenti, hogy a funkció továbbra is ott van a háttérben, de egy stílus segítségével utasítod, hogy ne jelenjen meg.

Ez talán nem zavar téged. Ebben az esetben könnyen kikapcsolhatod a kapcsolódó termékeket a WooCommerce termékoldalán, ha beilleszted ezt a CSS-t a Theme Customiser “Custom CSS” szakaszába. Menj a Megjelenés > Testreszabás > Egyéni CSS és illeszd be a következő CSS-t:

.related.products {
display: none;
}

És ennyi, máris eltávolítottad a WooCommerce Kapcsolódó termékeket a weboldaladról.

A fenti 3 példa azonban inkább arról szól, hogy korlátozzuk a WooCommerce-t a Kapcsolódó termékek megjelenítésében a termékoldalakon. Itt az ideje egy potenciálisan jobb megközelítésnek…

Megszabadulhat a Kapcsolódó termékektől a WooCommerce termékoldalakon egy Page Builder segítségével

Eltávolíthatja a WooCommerce Kapcsolódó termékeket egy termékoldalról egy Page Builder, például Divi vagy Elementor használatával.

Tény, hogy teljesen testre szabhatja a WooCommerce termékoldal megjelenését.

Nem kell azonban semmi radikálisat tennie!

Újjáépítheti a WooCommerce termékoldalt, hogy nagyon hasonlítson az alapértelmezett termékoldal sablonra, de néhány kulcsfontosságú dologgal javítva a folyamat során.

A kapcsolódó termékeket szeretné letiltani a woocommerce-ben? Nem probléma – csak ne szerepeltesse őket az új termékoldal-designban

A kapcsolódó termékek szövegét szeretné megváltoztatni a WooCommerce termékoldalakon? Nem probléma – változtassa meg a címet arra, amire akarja egy olyan oldalépítővel, mint a Divi

Meg akarja jeleníteni a WooCommerce kapcsolódó termékek egy oszlopát mobilon? Nem probléma, csak adja meg ezt az oldalépítőben!

A Woocommerce kapcsolódó termékek képméretét szeretné megváltoztatni? Ismét semmi probléma – csak állítsa be a képméreteket pontosan úgy, ahogyan szeretné az oldalépítővel

A WooCommerce kapcsolódó termékek csak bizonyos termékekről szeretné eltávolítani? Semmi gond, csak ne szerepeljen a Kapcsolódó termékek szakasz a WooCommerce termékoldal újratervezésében bizonyos oldalakon!

A Woocommerce kapcsolódó termékeket listaként szeretné megjeleníteni? Egyáltalán nem probléma, jelenítse meg a kapcsolódó termékeket pontosan úgy és ott, ahogy és ahol szeretné a WooCommerce Termékoldalon.

Ahelyett, hogy a woocommerce kapcsolódó termékeket mutatná, a legjobb eladókat jelenítse meg? Remek ötlet – és könnyen megvalósítható egy oldalépítő használatával a WooCommerce termékoldal megtervezéséhez anélkül, hogy egy sor kódot is megérintene!

Szóval, ha eddig azon gondolkodott, hogyan szabályozhatja a kapcsolódó termékeket a WooCommerce-en, talán új szemszögből kell megközelítenie ezt a kihívást.

Igen – ha csak a WooCommerce termékoldal kapcsolódó termékek szakaszát szeretné szerkeszteni, akkor megteheti. De ez valószínűleg kóddal jár.

Gondolkodj nagyobb léptékben.

Ha a WooCommerce termékoldalát egy Page Builder segítségével szerkeszti, akkor mindent irányíthat a WooCommerce termékoldal tervezésénél.

Ez nem jelenti azt, hogy bármi radikálisat kell tennie!

Egyszerűen lemásolhatod a meglévő dizájnt, de kicsit átalakíthatod, hogy megfeleljen a TE igényeidnek.

Nézd meg a Divi témát és a Divi Buildert alább – fantasztikusak, hatékonyak és megfizethetőek.

A kérdésedre válaszolva…

Ki tudod kapcsolni a kapcsolódó termékeket a WooCommerce-ben?

Igen, többféleképpen is ki lehet kapcsolni a kapcsolódó termékeket a WooCommerce-ben bizonyos termékeknél, vagy ki lehet kapcsolni a WooCommerce kapcsolódó termékeket az összes termékoldalon. Egyes megoldások kód beillesztését igénylik a témafájlokba, más megoldások CSS-t használnak a téma testreszabójának Custom CSS területén.

Mi azonban úgy gondoljuk, hogy a jobb megoldás az, ha teljes mértékben átveszi az irányítást a termékoldal tervezése felett, és nem hagyatkozik a téma által biztosított termékoldal sablonra, hogy együttműködjön a WooCommerce-zel.

Ezzel a WooCommerce Kapcsolódó termékek helyettesítheti a WooCommerce Kapcsolódó termékeket, és a WooCommerce termékoldalon megjelenítheti a Legjobb eladásokat vagy a Feláras termékeket, illetve a Kereszteladás termékeket.

Teljesen lehetséges a WooCommerce termékoldal testreszabása a vizuális design tekintetében anélkül, hogy egyetlen sor kódhoz is hozzányúlna – ahogy azt a Divi Theme és a Divi Builder megközelítésével a WooCommerce Kapcsolódó termékek helyettesítésére megmutattuk.

Szóval ne felejtsd el megnézni a Divi-t – kattints ide vagy az alábbi bannerre:

A WooCommerce Related Products vezérlése

A WooCommerce Related Products nem határozható meg, mint a WooCommerce Upsells és Cross-Sells, de a kapcsolódó termékeket befolyásolhatod.

Azzal, hogy a termékeket ugyanabba a termékkategóriába sorolod, vagy ugyanazokat a termékcímkéket használod a WooCommerce termékeiden, a WooCommerce adatbázis szemében “kapcsolódóvá” teszed a termékeidet. Lehet, hogy eddig azt hitte, hogy webhelye a WooCommerce kapcsolódó termékeket csak termékkategória szerint szervezi, de a WooCommerce a termékeket termékcímkék szerint is hozza összefüggésbe.

Ha a legtöbb WooCommerce áruház tulajdonosához hasonlóan Ön is több termékkategóriát és termékcímkét állított be, akkor valószínűleg a termékkatalógusának nagy része “kapcsolódó termékként” jelenik meg a WooCommerce termékoldalain.