Home > CMS Tutorial > WordPress > How to create a product display page in wordpress

How to create a product display page in wordpress

爱喝马黛茶的安东尼
Release: 2019-07-16 13:31:53
Original
8602 people have browsed it

How to create a product display page in wordpress

Article and thumbnail functions are used in product display

How to create a product display page in wordpress

Related recommendations: "WordPress Tutorial"

Implementation steps:

1. Create categories

Create article categories in the background: Product Center

How to create a product display page in wordpress

##2. Turn on the thumbnail function

In the theme’s functions.php, add a piece of code, the code is as follows:

add_theme_support( 'post-thumbnails' );
Copy after login

For more settings, please refer to:

http://www.cnblogs.com/tinyphp/p/6359167.html

3. Add articles and set thumbnails

Four: Call the category information, article title and thumbnail

<div class="section sectionL">
<?php
    $product_term =get_term_by(&#39;name&#39;,&#39;产品中心&#39;,category);
    $product_term_id=$product_term->term_id;
    $product_link=get_term_link($product_term_id,&#39;category&#39;);
?>
    <h2>
          <a href="<?php echo $product_link?>">产品中心</a>
        <span><a href="<?php echo $product_link;?>"></a></span>
    </h2>
    <ul>
    <?php
        $product_query=new WP_Query(array(
            &#39;cat&#39;=>2,
            &#39;posts_per_page&#39;=>8
            ));
    if($product_query->have_posts()) : while($product_query->have_posts()) :$product_query->the_post();
    ?>
    <li>
       <a href="<?php the_permalink();?>"> 
           <?php if ( has_post_thumbnail() ) : ?>
            <?php the_post_thumbnail( &#39;thumbnail&#39; ); ?>
            <?php else: ?>
            //显示默认图片
            <?php endif; ?>
        </a>
        <h3><a href="<?php the_permalink();?>"><?php the_title();?>dd</a></h3>
    </li>           
    <?php endwhile;?>
    <?php endif;?>
    </ul>   
</div>
Copy after login

The above is the detailed content of How to create a product display page in wordpress. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template