Halaman toko WooCommerce untuk menggunakan templat khusus saya [ditutup]


9

Sebelum mengajukan pertanyaan, saya ingin memberi tahu Anda bahwa saya telah mengajukan pertanyaan di /programming/15025213/wordpress-woocommerce-template-file-overiding

Saya menggunakan plugin WooCommerce untuk mengembangkan situs web. Semuanya baik-baik saja dengan WooCommerce. Sesuai kebutuhan saya, saya telah mengonfigurasi laman beranda saya sebagai laman basis toko dari dasbor WooCommerce untuk menjadikan laman beranda saya sebagai laman toko. Sekarang persyaratan saya adalah menempatkan beberapa gambar yang harus diunggah dari sisi admin dan untuk menampilkan beberapa teks di atas gambar. Untuk fitur itu, saya mencari di Google dan beberapa orang menyarankan agar saya menggunakan Bidang Kustom Tingkat Lanjut WordPress . Saya baru saja menginstalnya.

Sekarang saya melihat bahwa WooCommerce tidak menggunakan tema khusus saya. Itu menggunakan tema kustom sendiri. Karena saya ingin menampilkan gambar dan teks menggunakan plugin Bidang Kustom Tingkat Lanjut , saya benar-benar membutuhkan template khusus saya sendiri untuk menggunakan pertanyaan untuk gambar dan teks. Lalu aku lagi mencari selama Google untuk solusi dan saya mendapat saran untuk hanya membuat salinan tema ini page.phpke woocommerce.phpdan kemudian hanya mengganti kode:

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

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

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

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

dengan

<?php woocommerce_content(); ?>

Saya melakukan itu tetapi saya masih belum mendapatkan bidang khusus dari Bidang Kustom Lanjutan . Jadi tolong bantu saya. Setiap saran dan bantuan akan sangat dihargai. Terima kasih.

Kode saya untuk menampilkan Bidang Kustom Lanjutan untuk gambar dan teks seperti ini:

<?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; ?>

Saya menggunakan tema WordPress TwentyEleven.


Mungkin dokumentasi WC memiliki beberapa petunjuk.
brasofilo

@brasofilo Saya telah mencari di dokumentasi tetapi tidak mendapat petunjuk di sana ...
NewUser

Periksa apakah ini membantu.
brasofilo

ya saya sudah mencoba tetapi tampilannya seperti iniFatal error: Cannot redeclare show_template() (previously declared
NewUser

Ada kesalahan dengan nama fungsi, baru saja memperbaikinya.
brasofilo

Jawaban:


5

Dengan menelusuri pertanyaan Anda, saya ingin memberi tahu Anda bahwa woocommerce tidak akan menggunakan templat khusus Anda. Ini akan menggunakan templatnya sendiri. Karena Anda ingin menggunakan plugin bidang kustom lanjutan wordpress, saya ingin memberi tahu Anda bahwa fitur hanya berfungsi pada halaman dan posting. Jadi karena woocommerce tidak akan mengizinkan untuk menggunakan templat kustom Anda sendiri, Anda tidak dapat menggunakan fitur bidang khusus lanjutan.

Sekarang lakukan saja sesuatu yang berbeda. Buat saja template kustom Anda sendiri di mana Anda ingin menunjukkan produk Anda. Kemudian pergi ke situs http://docs.woothemes.com/document/woocommerce-shortcodes/ Di sini Anda dapat melihat kode pendek untuk woocommerce . Di mana Anda dapat dengan mudah menampilkan hampir semua produk dengan kustomisasi Anda sendiri. Sekarang gunakan shortcode ini untuk menunjukkan produk. Di sini Anda telah mencapai bahwa woocommerce menggunakan templat kustom Anda sendiri. Sekarang karena ini adalah template Anda sendiri, Anda dapat dengan mudah menggunakan bidang khusus lanjutan dengan ini. Apakah itu jelas? Jika ada hal yang tidak Anda mengerti maka balas saya. Semoga ini bisa membantu Anda.


11

Saya tidak begitu yakin apakah saya memahami masalah Anda dengan benar, tetapi ini adalah upaya saya untuk meniru itu.

Pertama , pertimbangkan ini bagian dari dokumentasi WooCommerce :

Jika Anda ingin mengedit salah satu templat ini, cukup salin ke direktori di dalam tema Anda /woocommerce, simpan struktur file yang sama, misalnya pindah /templates/cart/cart.phpke themename/woocommerce/cart/cart.php. File yang disalin sekarang akan mengganti file templat default WooCommerce.

Kedua , ini adalah langkah replikasi:

  • Menggunakan WP 3.5.1, TwentyEleven 1.5, WooCommerce 1.6.6 dan AdvancedCustomFields 4.0.0
  • Atur halaman "Shop" sebagai halaman depan statis di Reading Settings ( /wp-admin/options-reading.php)
  • Setel Grup Bidang ACF yang berisi Bidang Gambar ( product_tab_banner), dengan Nilai Pengembalian sebagai "Objek Gambar" dan ditampilkan dalam jenis "Produk" posting

Solusi :

  • Buat folder berikut: /wp-content/twentyeleven/woocommerce/
  • Salin file: /wp-content/plugins/woocommerce/templates/content-product.php ke folder yang baru dibuat ini
  • Tempatkan kode Anda dalam salinan 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; ?>

Inilah halaman produk:

halaman produk
klik untuk memperbesar

Dan di sini hasilnya di situs:

hasil situs


Jika Anda ingin menyesuaikan halaman "Shop", salin file /wp-content/plugins/woocommerce/templates/archive-product.phpke /woocommerce/folder tema Anda .


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.