WooCommerce өнім сүзгі блоктары: олар дегеніміз не және оларды қалай пайдалануға болады

Интернет-дүкенді басқару қиын болуы мүмкін. Тұтынушылар өздері іздеген элементтерді таба алатындай етіп өнімдеріңізді ұйымдастыруыңыз керек. Бақытымызға орай, WooCommerce өнімінің сүзгі блоктары пайдаланушы көрсеткен элементтерді секундтарда топтап, көрсете алады.

Өнім сүзгі блоктары арқылы сіз WooCommerce дүкенінің элементтерін сипаттамаларына сәйкес ұйымдастыра аласыз. Оларға бағалар, санаттар, атрибуттар немесе тегтер кіруі мүмкін. Содан кейін блокты постқа немесе бетке енгізу керек болады және тұтынушылар сүзгіден өткен нәтижелерді таба алады.

Бұл нұсқаулықта біз WooCommerce өнімінің әртүрлі сүзгі блоктарын таныстырамыз және оларды неліктен пайдалануды қарастыру керектігін талқылаймыз. Содан кейін біз бұл элементтерді интернет-дүкеніңізге қалай кірістіру және конфигурациялау керектігін түсіндіреміз. Бастайық!

📚 Мазмұны:

WooCommerce өнім сүзгі блоктарына кіріспе

WooCommerce пайдаланушыларға сіздің интернет-дүкеніңізде белгілі бір өнімдерді іздеуге мүмкіндік беретін WooCommerce блоктарының жинағы бар. Бұл интерактивті элементтер тұтынушыларға нәтижелерін сүзуге және олардың қажеттіліктеріне ең сәйкес келетін элементтерді табуға мүмкіндік береді.

Мұнда тегін WooCommerce өнім сүзгі блоктарына қысқаша шолу:

• Өнімдерді бағасы бойынша сүзу: Бұл блок тұтынушыларға баға диапазонын жүгірткі арқылы таңдауға және тек осы ауқымға сәйкес келетін элементтерді көрсетуге мүмкіндік береді.
• Өнімдерді төлсипат бойынша сүзу: Бұл тұтынушыларға өлшемдер, түстер және стильдер сияқты атрибуттары бойынша элементтерді іздеуге мүмкіндік береді.
• Белсенді өнім сүзгілері: Бұл тұтынушыларға іздеуге қандай сүзгілерді қолданып қойғанын көруге көмектеседі, осылайша олар оны реттей алады.
• Өнімдерді қор бойынша сүзу: Бұл блок тек қоймадағы, қоймада жоқ немесе тапсырыстағы заттарды ғана көрсетеді.

Сіз бұл блоктарды жазбаларда, беттерде және виджет аймақтарында пайдалана аласыз. Блокпен әрекеттесу кезінде тұтынушылар сүзгіден өткен нәтижелерді көру үшін алдын ала анықталған параметрлерден таңдай алады.

👉 Өнім сүзгілерін орнату үшін көбірек икемділік қажет болса, арнайы WooCommerce өнім сүзгі плагинін орнатуға болады. Кейбір сапа опцияларын осы мақалада кейінірек бөлісеміз.

Неліктен WooCommerce өнімінің сүзгі блоктарын пайдалануды қарастыруға болады

WooCommerce өнім сүзгі блоктары сіздің интернет-дүкеніңіздің пайдаланушы тәжірибесін (UX) айтарлықтай жақсарта алады. Егер сізде өнімдердің кең каталогы болса, тұтынушылар қажеттіліктеріне сәйкес келетіндерді іздеп, элементтеріңізді айналдыруға сағат жұмсауы мүмкін. Дегенмен, олар ренжіп, басқа жерде сатып алу үшін басуы мүмкін.

Сіз сататын тауарларға байланысты өнім сүзгілері тұтынушыларға қажеттіліктеріне сәйкес келетін түстерді, өлшемдерді, ингредиенттерді және брендтерді дүкеніңізді шолуға мүмкіндік береді. Сонымен қатар, нәтижелер сол бетте жаңартылады. Сондықтан тұтынушыларға санат беттеріне өтудің және сатып алу тәжірибесін үзудің қажеті жоқ.

WooCommerce өнімінің сүзгі блоктарын қалай пайдалануға болады

Бұл бірінші бөлімде біз WooCommerce автоматты түрде қамтитын әдепкі өнім сүзгі блоктарын қалай пайдалану керектігін көрсетеміз. Тағы да, икемділік үшін келесі бөлімде WooCommerce өнімінің сүзгі плагиндерінің бірін қарастыруға болады.

WooCommerce өнімінің сүзгі блоктарының көпшілігі бірдей жұмыс істейді. Сіз жай ғана блокты енгізесіз, содан кейін қай өнім сипаттамасы көрсетілетінін анықтайсыз.

Осы блоктардың барлығын WordPress-те түймесін басу арқылы таба аласыз + жаңа блокты енгізу және «WooCommerce сүзгісін» іздеу үшін түймесін басыңыз:

Алдымен WooCommerce өнімдеріне атрибуттарды, тегтерді, санаттарды және басқа сипаттамаларды қосу керек екенін есте сақтаңыз. Әйтпесе, блокта пайдаланатын деректер болмайды.

Енді WooCommerce өнімінің сүзгі блоктарын қалай пайдалану керектігін қарастырайық. Біз қолданатын боламыз Өнімдерді төлсипат бойынша сүзіңіз элементі мысал ретінде.

1-қадам: WooCommerce өнімдеріне атрибуттарды қосыңыз

ℹ️ Ескерту – басқа сүзгілер үшін (баға немесе акция сияқты) ешқандай атрибуттарды орнатудың қажеті жоқ.

Егер сіз мұны әлі жасамаған болсаңыз, WooCommerce өнімдеріне санаттарды, тегтерді және атрибуттарды қосқыңыз келеді. Бұл таксономиялар тұтынушыларға қажетті заттарды табуды жеңілдетеді. Сонымен қатар, WooCommerce өнімінің сүзгі блоктары осы жіктеусіз жұмыс істемейді.

Шарлау арқылы бастаңыз Өнімдер > Атрибуттар WordPress бақылау тақтасында. Мұнда сіз өз өнімдеріңіз үшін жаңа классификациялар жасай аласыз. Көріп отырғаныңыздай, бізде қазірдің өзінде бар Түс және Өлшем біздің интернет-дүкенде:

Жаңа атрибутыңыз үшін атау мен слог енгізуіңіз керек. Содан кейін түймесін басыңыз Атрибут қосу классификацияны сақтау үшін. Өнім санаттары (және ішкі санаттар) мен тегтер үшін бірдей процесті орындауға болатынын ескеріңіз.

Содан кейін, олардың таксономияларын қосу үшін өнімдеріңізді ашыңыз. Мұны шарлау арқылы жасауға болады Өнімдер > Барлық өнімдер және элементті басыңыз.

Енді төмен қарай жылжытыңыз Өнім деректері бөлімін ашыңыз Атрибуттар мәзір:

Ашылмалы мәзірден оларды таңдап, түймесін басу арқылы өнімге атрибуттарды қосуға болады қосу. Содан кейін теңшелетін ақпаратты енгізу үшін төлсипаттың жанындағы ашылмалы көрсеткіні таңдаңыз.

Мысалы, біздің мысалда біз қостық Қызыл сияқты Түс біздің өнімге атрибуты:

Барлық айнымалы мәндерді қосқаннан кейін түймесін басыңыз Атрибуттарды сақтаңыз. Енді тұтынушылар осы сипаттамалары бар элементтерді WooCommerce өнім сүзгі блогы арқылы таба алады.

2-қадам: Өнімнің сүзгі блогын салыңыз

Содан кейін өнім сүзгі блогын пайдаланғыңыз келетін бетті немесе жазбаны ашуыңыз керек. Сондай-ақ, тұтынушылар шолу кезінде нәтижелерін сүзе алуы үшін дүкен беттеріндегі бүйірлік тақтадағы элементті пайдалануды қарастыра аласыз.

Біріншіден, қосу керек Барлық өнімдер парағыңызды блоктау. Әйтпесе, WooCommerce белгілі бір элементтерді сүзіп, көрсете алмайды.

Мұны түймесін басу арқылы жасауға болады + түймесін басып, «барлық өнімдерді» іздеңіз. Блокты таңдап, оны өз бетіңізге қосыңыз:

Әрі қарай, «WooCommerce сүзгі төлсипатын» іздеңіз:

Блокты басыңыз және ол сіздің парағыңызға енгізіледі. Енді өнім төлсипатын іздеуге немесе ашылмалы тізімнен біреуін таңдауға болады. Біз қолданатын боламыз Түс біздің мысалда:

Сіздің блогыңыз енді жаңа тақырыпты және таңдалған өнім атрибуттарының тізімін (мысалы, әртүрлі элементтердің түстері) көрсету үшін түрлендіріледі:

Сіз блокты қалай көрінетін болсаңыз, сол күйінде қалдыра аласыз. Сонымен қатар, келесі қадамда осы элементтің сыртқы түрін қалай теңшеу керектігін талқылаймыз.

3-қадам: блок параметрлерін конфигурациялаңыз

Содан кейін сіз WooCommerce өнім сүзгі блогының көрінісін теңшей аласыз. Жай ғана басыңыз Өнімдерді төлсипат бойынша сүзіңіз блоктаңыз, содан кейін оң жақтағы беріліс белгішесін таңдаңыз:

Мұнда сіз өзіңізді көрсетуді таңдауға болады Өнім саны. Бұл параметр элементтердің үлкен каталогы болса және тұтынушыларға таңдау үшін кең ауқымды бергіңіз келсе ыңғайлы болуы мүмкін.

таңдай аласыз Тақырып деңгейі өнім атрибуттары үшін. Әдепкі мән H3бірақ таңдауға болады H2 дейін H6 дүкеніңіздің стилистикалық қажеттіліктерін қанағаттандыру үшін.

Төмен айналдырсаңыз, астында кейбір қосымша конфигурацияларды көресіз Блок параметрлері:

Мұнда сіз өзіңізді таңдай аласыз Сұрау түрі. Егер сіз таңдасаңыз Және, WooCommerce тек тұтынушының барлық көрсетілген атрибуттары бар өнімдерді көрсетеді. Сонымен бірге, Немесе опциясы атрибуттардың кем дегенде біреуі бар барлық элементтерді көрсетеді.

астында Дисплей түрі, атрибуттарды тізімде немесе ашылмалы пішімде көрсетуді таңдауға болады. Екі опция да салыстырмалы түрде ыңғайлы.

Соңында, қосуды таңдауға болады Сүзгі түймесі. Оны қоссаңыз, тұтынушылар түймесін басу керек Бар іздеу нәтижелерін сүзу үшін. Дегенмен, оны өшіріп тастасаңыз, жай ғана атрибуттардың бірін таңдау көрсетілген өнімдерді жаңартады.

Міне бітті! WooCommerce өнім сүзгі блогы енді әрекет етуге дайын:

Өзгерістерді сақтау және жариялау жеткілікті. Тұтынушылар енді өнім іздеулерін арнайы атрибуттармен сүзе алады.

WooCommerce өнім сүзгі плагиндеріне шолу

Тегін WooCommerce блоктарынан басқа, сүзгілерді орнатуға көбірек икемділік қосу үшін үшінші тарап плагиндеріне де қол жеткізе аласыз. Мысалы, WooCommerce өнімді іздеу плагині келесі сүзгі опцияларын қамтиды:

• Өнімдер: Сүзгіден өткен өнімдер жинағын көрсетеді. Бұл блок дүкен бетін қайталай алады және сол бетте басқа өнім сүзгі блоктарымен басқарылатын элементтерді көрсете алады.
• Іздеу: WooCommerce дүкені үшін сүзілген іздеу функциясын жасайды.
• Санаттар: Киім түрі немесе жынысы сияқты белгілі бір санаттарға сәйкес келетін өнімдерді көрсетеді.
• Атрибуттары: Түс, бренд, өлшем, пішін, жасау немесе ерекше мүмкіндіктер сияқты арнайы атрибуттары бар өнімдерді көрсетеді.
• Тегтер: Өнім белгілеріне сәйкес келетін өнімдерді, соның ішінде «ерекше», «логотипті» немесе «тренді» көрсетеді.
• Бағасы: Белгіленген баға параметрлері шегінде өнімдерді көрсетеді.
• Рейтинг: Өнімдерді орташа рейтингі бойынша ұсынады.
• Сатылым: Тек сатылымдағы өнімдерді көрсетеді.
• Қор: Тек қоймада бар өнімдерді көрсетеді.
• Қалпына келтіру: Тұтынушыларға өнім сүзгі параметрлерін қалпына келтіруге мүмкіндік береді. Содан кейін олар сіздің барлық қолжетімді элементтеріңізді көре алады немесе іздеулерін реттеу үшін жаңа параметрлерді енгізе алады.

👉 Сонымен қатар, сіз WooCommerce плагиніне арналған WOOF өнімдер сүзгісін пайдалануды қарастыра аласыз:

Бұл плагин арқылы тұтынушылар санаттарға, атрибуттарға, тегтерге, реттелетін таксономияларға және бағаларға сәйкес элементтерді сүзе алады. Сонымен қатар, көрсетілген нәтижелер әдетте әдепкі WooCommerce блоктарына қарағанда тартымды және теңшеуге болады.

WooBeWoo ұсынған WooCommerce өнім сүзгісі – тағы бір тамаша freemium нұсқасы:

Оны жеке өнім сүзгілері мен орналасу жағдайларын жасау үшін Elementor бағдарламасымен бірге пайдалануға болады. The премиум плагин санат белгішелері, реттелетін мәнерлер және сүзгілерді жасыру/көрсету түймесі сияқты қосымша мүмкіндіктерді қамтиды.

WooCommerce өнім сүзгілерімен бүгіннен бастаңыз

Бақытымызға орай, WooCommerce өнімінің сүзгі блогын пайдалану өте оңай. Сізге өнімдеріңізге санаттар, атрибуттар немесе тегтер сияқты таксономияларды қосу керек болады. Содан кейін сәйкес WooCommerce блогын бірге пайдалануға болады Барлық өнімдер дүкен бетінде блоктау.

Қосымша икемділік үшін арнайы WooCommerce өнім сүзгі плагинін орнатуға болады.

😎 Егер сіз жақсырақ WooCommerce дүкенін құрудың бұдан да көп жолдарын тапқыңыз келсе, біздің міндетті WooCommerce плагиндер жинағын да тексере аласыз.