Özel şablonumu kullanmak için WooCommerce mağaza sayfası [kapalı]


9

Soruyu sormadan önce, soruyu /programming/15025213/wordpress-woocommerce-template-file-overiding adresinde zaten sorduğumu söylemek istiyorum.

Bir web sitesi geliştirmek için WooCommerce eklentisini kullanıyorum . WooCommerce ile her şey yolunda. Gereksinimime göre, giriş sayfamı alışveriş sayfası yapmak için giriş sayfamı WooCommerce kontrol panelinden bir alışveriş tabanı sayfası olarak yapılandırdım. Şimdi benim gereksinimim yönetici tarafından yüklenmesi gereken bazı görüntüler yerleştirmek ve görüntüler üzerinde bazı metin göstermektir. Bu özellik için Google'da arama yaptım ve bazı insanlar WordPress Gelişmiş Özel Alanları kullanmamı önerdi . Daha yeni kurdum.

Şimdi WooCommerce'ın özel temamı kullanmadığını gördüm. Kendi özel temasını kullanıyor. Gelişmiş Özel Alanlar eklentisini kullanarak resim ve metin göstermek istediğimden, resim ve metin sorgularını kullanmak için gerçekten kendi özel şablonuma ihtiyacım var. Sonra tekrar bir çözüm için Google'dan arama yapan ve ben sadece tema en kopyasını yapmak için öneri var page.phpiçine woocommerce.phpve sonra sadece kodunu değiştirmek:

     <?php while ( have_posts() ) : the_post(); ?>

      <?php get_template_part( 'content', 'page' ); ?>

      <?php comments_template( '', true ); ?>

    <?php endwhile; // end of the loop. ?>

ile

<?php woocommerce_content(); ?>

Bunu yaptım ama yine de özel alanlarımı Gelişmiş Özel Alanlardan almıyorum . Bana yardım et. Herhangi bir öneri ve yardım takdir edilecektir. Teşekkürler.

Resim ve metin için Gelişmiş Özel Alanları göstermek için kodum şöyle:

<?php $product_tab_banner = get_field('product_tab_banner');
    if($product_tab_banner): ?>
   <?php var_dump($product_tab_banner); ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner['url']; ?>" alt="<?php echo $product_tab_banner['alt']; ?>"  width="<?php echo $product_tab_banner['sizes']['featured_product-width'];?>" height="<?php echo $product_tab_banner['sizes']['featured_product-height'];?>" title="<?php echo $product_tab_banner['title']; ?>" />
    </div>
  <?php endif; ?>

WordPress TwentyEleven temasını kullanıyorum.


Belki WC belgelerinde bazı ipuçları vardır.
brasofilo

@brasofilo Belgeleri araştırdım ama orada hiçbir fikrim yok ...
NewUser

Bunun yardımcı olup olmadığını kontrol edin .
brasofilo

evet bunu denedim ama böyle gösteriyorFatal error: Cannot redeclare show_template() (previously declared
NewUser

İşlev adında bir hata oluştu, düzeltildi.
brasofilo

Yanıtlar:


5

Sorunuzu inceleyerek woocommerce'ın özel şablonunuzu kullanmayacağını söylemek istiyorum . Kendi şablonunu kullanacaktır. Wordpress gelişmiş özel alanlar eklentisini kullanmak istediğiniz gibi , bu özelliğin sadece sayfada ve yayında çalıştığını söylemek istiyorum. Yani olarak WooCommerce gelişmiş özel alanlar özelliklerini kullanamaz kendi özel şablon kullanmak için izin vermez.

Şimdi sadece farklı bir şey yap. Ürünlerinizi göstermek istediğiniz kendi özel şablonunuzu oluşturmanız yeterlidir. Sonra sadece sitesine gidin http://docs.woothemes.com/document/woocommerce-shortcodes/ Burada görebilirsiniz kısa kod için WooCommerce . Hemen hemen tüm ürünleri kendi özelleştirmenizle kolayca gösterebileceğiniz yer. Şimdi ürünleri göstermek için bu kısa kodları kullanın. Burada woocommerce'ın kendi özel şablonunuzu kullandığını elde ettiniz . Artık kendi şablonunuz olduğu için gelişmiş özel alanları kolayca kullanabilirsiniz. Anlaşıldı mı? Anlayamadığın bir şey varsa bana cevap ver. Umarım bu size yardımcı olacaktır.


11

Sorununuzu doğru bir şekilde anladığımdan emin değilim, ama işte benim bunu tekrarlama girişimim.

İlk olarak , WooCommerce belgelerinin bu bölümünü düşünün :

Bu şablonların düzenleme birine istiyorsanız basitçe adlı sizin tema içinde bir dizine kopyalayın /woocommerceaynı dosya yapısını, örneğin hareket tutarak /templates/cart/cart.phpetmek themename/woocommerce/cart/cart.php. Kopyalanan dosya şimdi WooCommerce varsayılan şablon dosyasını geçersiz kılacaktır.

İkincisi , bu çoğaltma adımlarıdır:

  • WP 3.5.1, TwentyEleven 1.5, WooCommerce 1.6.6 ve AdvancedCustomFields 4.0.0 kullanma
  • Okuma Ayarları ( /wp-admin/options-reading.php) bölümünde "Alışveriş" sayfasını statik ön sayfa olarak ayarlayın
  • product_tab_bannerDönüş Değeri "Görüntü Nesnesi" olan ve "Ürün" yazı tipinde gösterilecek bir Görüntü Alanı ( ) içeren bir ACF Alan Grubu belirleme

Çözüm :

  • Aşağıdaki klasörü oluşturun: /wp-content/twentyeleven/woocommerce/
  • Dosyayı: /wp-content/plugins/woocommerce/templates/content-product.php yeni oluşturulan bu klasöre kopyalayın
  • Kodunuzu bu kopyasına yerleştirin content-product.php
$product_tab_banner = get_field('product_tab_banner');
if($product_tab_banner): ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner['url']; ?>" 
        alt="<?php echo $product_tab_banner['alt']; ?>"  
        width="<?php echo $product_tab_banner['sizes']['featured_product-width'];?>" 
        height="<?php echo $product_tab_banner['sizes']['featured_product-height'];?>" 
        title="<?php echo $product_tab_banner['title']; ?>" />
    </div>
<?php endif; ?>

İşte ürün sayfası:

ürün sayfası
büyütmek için tıklayın

Ve işte sitedeki sonuç:

site sonucu


"Alışveriş" sayfasını özelleştirmek isterseniz, dosyayı /wp-content/plugins/woocommerce/templates/archive-product.phptemanızın /woocommerce/klasörüne kopyalayın.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.