Trang cửa hàng WooC Commerce để sử dụng mẫu tùy chỉnh của tôi [đã đóng]


9

Trước khi đặt câu hỏi tôi muốn nói với bạn rằng tôi đã đặt câu hỏi trong /programming/15025213/wordpress-wooc Commerce-testplate-file-overiding

Tôi đang sử dụng plugin WooC Commerce để phát triển một trang web. Mọi thứ đều ổn với WooC Commerce. Theo yêu cầu của tôi, tôi đã định cấu hình trang chủ của mình làm trang cơ sở của cửa hàng từ bảng điều khiển WooC Commerce để biến trang chủ của tôi thành trang cửa hàng. Bây giờ yêu cầu của tôi là đặt một số hình ảnh nên được tải lên từ phía quản trị viên và hiển thị một số văn bản trên các hình ảnh. Đối với tính năng đó, tôi đã tìm kiếm trên Google và một số người đề xuất rằng tôi sử dụng Trường tùy chỉnh nâng cao WordPress . Tôi chỉ cần cài đặt nó.

Bây giờ tôi thấy rằng WooC Commerce không sử dụng chủ đề tùy chỉnh của tôi. Nó đang sử dụng chủ đề tùy chỉnh của riêng mình. Vì tôi muốn hiển thị hình ảnh và văn bản bằng cách sử dụng plugin Advanced Custom Field , tôi thực sự cần mẫu tùy chỉnh của riêng mình để sử dụng các truy vấn cho hình ảnh và văn bản. Sau đó, tôi lại tìm kiếm trên Google một giải pháp và tôi nhận được đề nghị chỉ cần sao chép chủ đề page.phpvào woocommerce.phpvà sau đó chỉ cần thay thế mã:

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

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

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

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

với

<?php woocommerce_content(); ?>

Tôi đã làm điều đó nhưng tôi vẫn không nhận được các trường tùy chỉnh của mình từ Trường tùy chỉnh nâng cao . Vì vậy, vui lòng giúp tôi. Bất kỳ đề xuất và giúp đỡ sẽ được đánh giá cao. Cảm ơn.

Mã của tôi để hiển thị Trường tùy chỉnh nâng cao cho hình ảnh và văn bản là như thế này:

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

Tôi đang sử dụng chủ đề TwentyEleven của WordPress.


Có lẽ tài liệu WC có một số gợi ý.
brasofilo

@brasofilo tôi đã tìm kiếm trên các tài liệu nhưng không có bất kỳ đầu mối ở đó ...
newuser

Kiểm tra nếu điều này giúp.
brasofilo

vâng tôi đã cố gắng đó, nhưng nó được hiển thị như thế nàyFatal error: Cannot redeclare show_template() (previously declared
newuser

Có một lỗi với tên hàm, chỉ cần sửa nó.
brasofilo

Câu trả lời:


5

Bằng cách xem qua câu hỏi của bạn, tôi muốn nói với bạn rằng thương mại điện tử sẽ không sử dụng mẫu tùy chỉnh của bạn. Nó sẽ sử dụng mẫu riêng của mình. Như bạn muốn sử dụng plugin trường tùy chỉnh nâng cao wordpress, tôi muốn nói với bạn là tính năng đó chỉ hoạt động trên trang và bài đăng. Vì vậy, vì thương mại điện tử sẽ không cho phép sử dụng mẫu tùy chỉnh của riêng bạn, bạn không thể sử dụng các tính năng trường tùy chỉnh nâng cao.

Bây giờ chỉ cần làm một cái gì đó khác nhau. Chỉ cần tạo mẫu tùy chỉnh của riêng bạn, nơi bạn muốn hiển thị sản phẩm của mình. Sau đó, chỉ cần truy cập trang web http://docs.wootheme.com/document/wooc Commerce- shortcodes / Tại đây bạn có thể thấy các mã ngắn cho thương mại điện tử . Nơi bạn có thể dễ dàng hiển thị hầu hết tất cả các sản phẩm với tùy chỉnh của riêng bạn. Bây giờ sử dụng các mã ngắn để hiển thị các sản phẩm. Ở đây bạn đã đạt được rằng thương mại điện tử đang sử dụng mẫu tùy chỉnh của riêng bạn. Bây giờ vì nó là mẫu của riêng bạn, bạn có thể dễ dàng sử dụng các trường tùy chỉnh nâng cao với cái này. Rõ ràng chưa? Nếu bất cứ điều gì bạn không thể hiểu thì trả lời tôi. Hy vọng điều này sẽ giúp bạn.


11

Tôi không chắc chắn nếu tôi hiểu chính xác vấn đề của bạn, nhưng đây là nỗ lực của tôi để sao chép nó.

Đầu tiên , hãy xem xét phần này của tài liệu WooC Commerce :

Nếu bạn muốn chỉnh sửa một trong các mẫu này, chỉ cần sao chép nó vào một thư mục trong chủ đề của bạn có tên /woocommerce, giữ nguyên cấu trúc tệp, ví dụ: di chuyển /templates/cart/cart.phpđến themename/woocommerce/cart/cart.php. Bây giờ, tệp đã sao chép sẽ ghi đè lên tệp mẫu mặc định của WooC Commerce.

Thứ hai , đây là các bước nhân rộng:

  • Sử dụng WP 3.5.1, TwentyEleven 1.5, WooC Commerce 1.6.6 và AdvancedCustomFields 4.0.0
  • Đặt trang "Cửa hàng" làm trang đầu tĩnh trong Cài đặt đọc ( /wp-admin/options-reading.php)
  • Đặt Nhóm trường ACF có chứa Trường hình ảnh ( product_tab_banner), với Giá trị trả về là "Đối tượng hình ảnh" và được hiển thị trong loại bài đăng "Sản phẩm"

Giải pháp :

  • Tạo thư mục sau: /wp-content/twentyeleven/woocommerce/
  • Sao chép tệp: /wp-content/plugins/woocommerce/templates/content-product.php vào thư mục mới được tạo này
  • Đặt mã của bạn vào bản sao này của 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; ?>

Đây là trang sản phẩm:

trang sản phẩm
bấm vào để phóng to

Và đây là kết quả trong trang web:

kết quả trang web


Nếu bạn muốn tùy chỉnh trang "Cửa hàng", hãy sao chép tệp /wp-content/plugins/woocommerce/templates/archive-product.phpvào /woocommerce/thư mục của chủ đề .


-2

Vui lòng thử thay thế plugin bạn đang sử dụng bằng các tiện ích mở rộng chính thức của WooC Commerce như "Tiện ích bổ sung cho sản phẩm" ( http://www.wootheme.com/products/product-add-ons/ ).


bạn đã đọc đúng câu hỏi của tôi chưa?
newuser

1
Tôi làm. Có thể mất một thời gian để bạn hiểu câu trả lời của tôi mặc dù.
Hộp
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.