2016-08-01 26 views
0

我已經按照: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。

任何人都知道爲什麼?

回答

0

因爲您創建了一個沒有鏈接到頭文件的頁面。 通過使用此代碼創建一個頁面

/* Template Name: CustomPageT1 */ 

手段創建模板CustomPageT1一頁。 新頁面無法連接到CSS文件。 創建帶有鏈接到CSS文件的header-CustomPageT1.php文件並將其上傳到其相應的主題文件夾。 也修改這個代碼:get_header()get_header(CustomPageT1)

+0

我需要創建一個新的主題文件夾嗎? – mezt

+0

看看這個頁面,它是關於兒童主題https://codex.wordpress.org/Child_Themes –