Bir WordPress Tema WooCommerce Hazır Etmək üçün

WordPress Tema WooCommerce'inizi Faydalı Parçalarla Tez uyğunlaşdırın

Beləliklə, mövzuya bir mağaza əlavə etmək istəyirsən – zəhmli! WooCommerce əla seçimdir. Texniki cəhətdən BÜTÜN mövzular “WooCommerce Uyğundur”, çünki bu bir plagindir. Nəzəriyyədə hər hansı bir plugin istənilən WordPress mövzusu ilə işləməlidir (düzgün kodlanır).


Mövzu inkişaf etdiricisi olaraq WooCommerce’in mövzusunu daha yaxşı uyğunlaşdırmaq və ya son istifadəçilərinizə WooCommerce parametrlərində (məsələn, mağazadakı sütunların sayını dəyişdirmək üçün) asanlıqla təmin etmək üçün seçim etmək istəsəniz. Aşağıda WooCommerce üçün mövzusunda “daha yaxşı” dəstək vermək və / və ya dizaynınızı dəyişdirmək üçün istifadə edə biləcəyiniz bəzi faydalı parçaları tapa bilərsiniz..

Vacibdir: Aşağıdakı parçalardan çoxu yalnız WooCommerce-də mövcud funksiyalardan istifadə edir. Beləliklə, bu parçaların paylanması üçün yaradılan bir mövzuya vazifələrinizin.php faylının altına atılmadığından əmin olun. Mövzunuzu başqaları ilə bölüşmək və ya satmaq niyyətindəsinizsə, parçaları yalnız WooCommerce plugin aktiv olduqda yüklənmiş öz sənədlərinə yerləşdirməyinizə əmin olun..

WooCommerce’in aktiv olub olmadığını yoxlayın

Mövzularımda WooCommerce’in bu şəkildə aktiv olub olmadığını yoxlamaq üçün istifadə edilə bilən xüsusi bir sabit təyin etməyi xoşlayıram, yalnız WooCommerce aktiv olduqda faylları daxil edə və ya işləyə bilərəm (yuxarıdakı vacib mesaja baxın).

// WooCommerce aktiv olduqda gerçək qayıdan yeni sabit əlavə edin
müəyyənləşdirin ('WPEX_WOOCOMMERCE_ACTIVE', sinif_existləri ('WooCommerce'));

// WooCommerce aktiv olub olmadığını yoxlamaq
əgər (WPEX_WOOCOMMERCE_ACTIVE) {
// Nəsə et...
// Bütün Woo düzəlişlərinizlə yeni bir fayl daxil olmaqla.
}

WooCommerce Dəstək elan edin

Bu mövzuya əlavə etmək üçün ilk və ən vacib kod parçasıdır. Bu, WooCommerce dəstəyinə “imkan verir” və son istifadəçiyə mövzunun uyğun olmadığını bildirən plagindan xəbərdarlıqların qarşısını alır..

add_action ('after_setup_theme', funksiya () {
add_theme_support ('woocommerce');
});

WooCommerce CSS-ni çıxarın

Şəxsən mən WooCommerce üslublarını 3-cü tərəf WooCommerce eklentləri ilə əlaqəli problemlərin qarşısını almaq üçün ləğv edirəm. Bununla birlikdə, bütün WooCommerce üslublarını çıxarmaq istəyirsinizsə, bu çox asandır.

Aşağıdakı parça BÜTÜN WooCommerce üslublarını silmək üçündür:

// Bütün Woo üslublarını silmək
add_filter ('woocommerce_enqueue_styles', '__return_empty_array');

Bu parça şərti olaraq xüsusi CSS üslublarını silmək nümunəsidir:

wpex_remove_woo_styles ($ üslub) {
unset ($ styles ['woocommerce-general']);
unset ($ styles ['woocommerce-layout']);
unset ($ üslubları ['woocommerce-smallscreen']);
$ üslubunu qaytarmaq;
}
add_filter ('woocommerce_enqueue_styles', 'wpex_remove_woo_styles');

WooCommerce Məhsul Qalereyasını, Böyütmək və Lightboxu (v3.0 +) aktivləşdirin

WooCommerce 3.0-də yeni məhsul qalereyası, zoom və işıq qutusu təqdim etdilər. Bunları temanızda istifadə etmək istəyirsinizsə, bunların hamısı “add_theme_support” vasitəsi ilə aktiv olmalıdır.

add_theme_support ('wc-product-gallery-kaydırıcıyı');
add_theme_support ('wc-product-gallery-zoom');
add_theme_support ('wc-product-gallery-lightbox');

Mağaza başlığını çıxarın

Mövzuların bir çoxunda arxiv başlıqlarını göstərmək funksiyaları mövcuddur, buna görə bu kod WooCommerce-dən əlavə başlığı CSS-də gizlətməkdən daha yaxşı çıxarır..

add_filter ('woocommerce_show_page_title', '__return_false');

Mağaza üçün Arxiv başlığını dəyişdirin

Arxivlərinizin başlığını göstərmək üçün temanız arxiv_title () və ya get_archive_title () funksiyalarından istifadə edərsə, mağazanın arxiv başlığı əvəzinə məhsul səhifənizin adını çəkmək üçün filtrlə çimdikdən sonra asanlıqla istifadə edə bilərsiniz..

funksiya wpex_woo_archive_title ($ title) {
əgər (is_shop () && $ shop_id = wc_get_page_id ('mağaza')) {
$ title = get_the_title ($ shop_id);
}
dollar başlığını qaytarmaq;
}
add_filter ('get_the_archive_title', 'wpex_woo_archive_title');

Mağazada bir səhifədə göstərilən məhsulların sayını dəyişdirin

Mağazada və məhsul arxivində (kateqoriyalar və etiketlər) səhifədə neçə məhsulun göstərildiyini dəyişdirmək üçün istifadə olunur..

// Səhifədəki WooCommerce dükanının ismarıclarını dəyişdirin
funksiyası wpex_woo_posts_per_page ($ cols) {
geri 12;
}
add_filter ('loop_shop_per_page', 'wpex_woo_posts_per_page');

Dükanda göstərilən sütunların sayını hər satırda dəyişin

WooCommerce niyə bu şəkildə işlədiyini başa düşmürəm, ancaq ‘loop_shop_columns’ filtrini dəyişdirə bilməzsiniz, sütunların işləməsi üçün unikal sinifləri də bədən etiketinə əlavə etməlisiniz. Woo Shortcodes-də mağaza səhifələrinin düzgün sinifləri olan bir divara sahib olduğu halda, iki funksiyaya ehtiyacımız var.

// Alter mağaza sütunları
wpex_woo_shop_columns ($ sütun) funksiyası {
geri 4;
}
add_filter ('loop_shop_columns', 'wpex_woo_shop_columns');

// Mağaza sütunları üçün düzgün bədən sinfi əlavə edin
funksiya wpex_woo_shop_columns_body_class ($ dərsləri) {
əgər (is_shop () || is_product_category () || is_product_tag ()) {
$ siniflər [] = 'sütunlar-4';
}
$ dərslərini geri qaytarmaq;
}
add_filter ('bədən_class', 'wpex_woo_shop_columns_body_class');

Sonrakı və Əvvəlki Səhifənin Oklarını dəyişdirin

Bu parça, mövzundakılarla uyğunlaşmaq üçün dükandakı paginasiya oxlarını çimməyə imkan verəcəkdir.

funksiyası wpex_woo_pagination_args ($ args) {
$ args ['prev_text'] = '';
$ args ['next_text'] = '';
$ args qayıt;
}
add_filter ('woocommerce_pagination_args', 'wpex_woo_pagination_args');

OnSale Nişan Mətnini dəyişdirin

Xüsusilə fərqli bir dildən istifadə edən saytlarda və ya böyük bir fan olmadığım bir nida işarəsini çıxarmaq üçün faydalıdır.

funksiya wpex_woo_sale_flash () {
qayıt ''. esc_html __ ('Satış', 'woocommerce'). '';
}
add_filter ('woocommerce_sale_flash', 'wpex_woo_sale_flash');

Məhsul Qalereyası eskiz sütunlarını dəyişdirin

Layihənizdən asılı olaraq vahid məhsul qalereyası eskizləri üçün sütunların sayını dəyişdirmək istəyə bilərsiniz və bu funksiya məhz bunu edəcək.

funksiya wpex_woo_product_thumbnails_columns () {
geri 4;
}
add_action ('woocommerce_product_thumbnails_columns', 'wpex_woo_product_thumbnails_columns');

Göstərilən əlaqəli məhsulların sayını dəyişdirin

Vahid məhsul səhifəsində əlaqəli məhsullar üçün göstərilən məhsulların sayını dəyişdirmək üçün istifadə olunur.

// 4 məhsulu göstərmək üçün əlaqəli məhsulları təyin edin
funksiyası wpex_woo_related_posts_per_page ($ args) {
$ args ['posts_per_page'] = 4;
$ args qayıt;
}
add_filter ('woocommerce_output_related_products_args', 'wpex_woo_related_posts_per_page');

Məhsullar üzrə satılan və satılan bölmələr üçün sətirdə sütun sayını dəyişdirin

Bir məhsul səhifələrində əlaqəli və satılan məhsullar üçün sütun sayını düzgün dəyişdirmək istəyirsinizsə, dükan kimi sütunları süzgəcdən keçirməli və bədən siniflərini də dəyişdirməlisiniz..

// Sütun satan sütun
funksiyası wpex_woo_single_loops_columns ($ sütun) {
geri 4;
}
add_filter ('woocommerce_up_sells_columns', 'wpex_woo_single_loops_columns');

// Filtrlə əlaqəli mübahisələr
funksiyası wpex_woo_related_columns ($ args) {
$ args ['ustun'] = 4;
$ args qayıt;
}
add_filter ('woocommerce_output_related_products_args', 'wpex_woo_related_columns', 10);

// Sütun sinfi əlavə etmək üçün bədən siniflərini süzün
wpex_woo_single_loops_columns_body_class ($ dərsləri) {
əgər (is_singular ('məhsul')) {
$ siniflər [] = 'sütunlar-4';
}
$ dərslərini geri qaytarmaq;
}
add_filter ('bədən_class', 'wpex_woo_single_loops_columns_body_class');

Menyunuza dinamik bir səbət bağlantısı və araba dəyəri əlavə edin

Bu parça, səbətinizdəki əşyaların qiymətini göstərən bir menyuya WooCommerce səbət məhsulu əlavə edəcəkdir. Sitenizde Font-Awesome effektiv olsa, bir az alış-veriş çantası simgesini göstərəcəkdir. Vacibdir: Bu funksiyalar is_admin () ilə şərti olaraq bükülməməlidir, çünki is_admin () doğru və yalan olduqda funksiyaların mövcud olduğundan əmin olmalı olduğunuz dəyəri yeniləmək üçün AJAX-a etibar edirlər..

// Səbət bağlantısını menyuya əlavə edin
funksiyası wpex_add_menu_cart_item_to_menus ($ items, $ args) {

// Menyu yerinizə 'wpex_main' dəyişməyinizə əmin olun !!!!
əgər ($ args-> theme_location === 'wpex_main') {

$ css_class = 'menyu-bənd menyusu-maddə-növ-səbət menyu-maddə-növ-wo-ticarət-səbət';

əgər (is_cart ()) {
$ css_class. = 'cari-menyu maddəsi';
}

$ maddələr. = '
  • '; $ maddələr. = wpex_menu_cart_item (); $ maddələr. = '
  • '; } $ maddələri geri qaytarın; } add_filter ('wp_nav_menu_items', 'wpex_add_menu_cart_item_to_menus', 10, 2); // Funksiya əsas menyu səbətini bağlayır funksiya wpex_menu_cart_item () { $ çıxışı = ''; $ cart_count = WC () -> cart-> cart_contents_count; $ css_class = 'wpex-menu-cart-total wpex-cart-total-'. intval ($ cart_count); əgər ($ cart_count) { $ url = WC () -> cart-> get_cart_url (); } başqa { $ url = wc_get_page_permalink ('mağaza'); } $ html = $ cart_extra = WC () -> cart-> get_cart_total (); $ html = str_replace ('məbləğ', '', $ html); $ çıxdı. = ''; $ çıxdı. = ''; $ çıxışı. = wp_kses_post ($ html); $ çıxdı. = ''; $ çıxışı qaytarın; } // Səbət bağlantısını AJAX ilə yeniləyin wpex_main_menu_cart_link_fragments ($ fraqmentləri) { $ fraqmentləri ['. wpex-menu-cart-total'] = wpex_menu_cart_item (); $ fraqmentlərini geri qaytarın; } add_filter ('add_to_cart_fragments', 'wpex_main_menu_cart_link_fragments');

    Nəticə

    WooCommerce default olaraq hər hansı bir mövzu ilə işləyəcək, ancaq mövzuya daha yaxşı uyğunlaşması üçün plagin üçün əlavə dəstək əlavə etmək çox asandır. New York WordPress Blog & Shop mövzusunu kodlaşdırarkən bu yazını həqiqətən yazdım. Yoxsa hər şeyin necə edildiyini araşdırmaq üçün mövzunu satın ala bilsəniz (sənədləri wpex-new-york / inc / woocommerce-də görmək) – düzgün əlavə etməyi öyrənməyiniz üçün daha asan bir yol ola bilər. artıq kodlanmış bir mövzuya baxaraq WooCommerce plugin üçün xüsusi dəstək.

    Bu siyahıya aid olduğunu düşündüyünüz və ya yeni WooCommerce hazır mövzular hazırlayarkən faydalı ola biləcəyiniz başqa parçalar varmı??

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map