我已經按照:https://wordpress.stackexchange.com/questions/67247/how-to-display-product-specific-to-a-category-with-woocommerce-plugin的WordPress/woocommerce CSS錯誤
這段代碼放在CustomPageT1,並具有以下代碼:
<?php /* Template Name: CustomPageT1 */
get_header(); ?>
<div id="content" class="site-content container">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<ul class="products">
<?php
$args = array('post_type' => 'product', 'posts_per_page' => 4, 'product_cat' => 'skydd-mot-djur', 'orderby' => 'rand');
$loop = new WP_Query($args);
while ($loop->have_posts()) : $loop->the_post(); global $product; ?>
<li class="post-18 product type-product status-publish product_cat-skydd-mot-manniskor first instock shipping-taxable purchasable product-type-simple" style="width: 25%;float:left">
<a href="<?php echo get_permalink($loop->post->ID) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>" class="woocommerce-LoopProduct-link">
<?php woocommerce_show_product_sale_flash($post, $product); ?>
<?php if (has_post_thumbnail($loop->post->ID)) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="300px" class="woocommerce-placeholder wp-post-image" height="300px" />'; ?>
<h3><?php the_title(); ?></h3>
<span class="price"><?php echo $product->get_price_html(); ?></span>
</a>
<?php woocommerce_template_loop_add_to_cart($loop->post, $product); ?>
</li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</ul><!--/.products-->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
這頁是通過添加/* Template Name: CustomPageT1 */
創建,然後從它添加「添加頁面」功能。然後從page.php複製粘貼到這個文件中。
我可以編輯和所有的標誌,菜單和一些設計很好。如果沒有Woocommerce,可以在style.css中找到css。但從主題它不會獲取CSS。
這意味着它看起來很糟糕,沒有CSS。
任何人都知道爲什麼?
我需要創建一個新的主題文件夾嗎? – mezt
看看這個頁面,它是關於兒童主題https://codex.wordpress.org/Child_Themes –