龙笑天龙笑天  2016-03-31 16:47 龙笑天下 隐藏边栏 |   7 条评论  574 
文章评分 12 次,平均分 5.0

用了知言的 tinection 后,一直在找怎么在首页中调用商城商品的代码,找了一圈发现没有...于是自己东拼西凑的弄了下,终于弄出来了!刚好最近有朋友问道,“怎么实现在首页中调用商城商品呢?”。

下面就来告诉大家实现方法。

在主题根目录/includes/index-cms.php 中,在<!-- pagination -->之前加上下面的代码:

/**
* 在知言 Tinection 主题首页中调用商城商品的代码
* https://www.ilxtx.com/add-shop-to-the-homepage-in-tinection.html
*/
<section class="catlist-shop clr">
<div class="catlist-container clr">
    <h2 class="home-heading clr">
	    <span class="heading-text">商店</span>
        <a target="_blank" href="https://www.ilxtx.com/store/" title="更多商品">+ 更多</a>
    </h2>
	<div id="goodslist" class="goodlist" role="main">
	<?php 
	query_posts('post_status=publish&post_type=store');	/* 可加其它参数,如按分类及添加排序方法 */
	$i=0;
	while (have_posts()&&$i<8) : the_post();  /* 数字 8 指显示 8 篇文章,可自行修改 */
	$r = fmod($i,2)+1;$i++;
	if($r==1)$cls='shop-lxtx';else $cls='shop-lxtx'; ?>
        <div class="col span_1_of_4 <?php echo $cls; ?>" role="main">
			<div class="shop-item">
				<?php get_template_part('includes/thumbnail'); ?>
				<h3>
					<a href="https://www.ilxtx.com/redirect/c11729TPDykoabBxsxa9UnQzH9k4E8axHokYCWaYNqw8NykyHxT4sxQWHnsykWknjoaykP6zsYD4UPCzjnU8EzHnhW6WH8QWaRUqBoQzhnBWT8wPT9joBu646zwW6YH8BoN4Uyw4j4Toj4Hn6PUysRh8wzw" title="<?php the_title(); ?>"><?php the_title(); ?></a>
				</h3>
				<p>
					<?php $contents = get_the_excerpt(); $excerpt = wp_trim_words($contents,50,'...'); echo $excerpt;?>
				</p>
				<div class="pricebtn"><?php $currency = get_post_meta($post->ID,'pay_currency',true); if($currency==1) echo '¥'; else echo '<i class="fa fa-gift">&nbsp;</i>'; ?><strong><?php echo tin_get_product_price($post->ID); ?></strong><a class="buy" href="https://www.ilxtx.com/redirect/c11729TPDykoabBxsxa9UnQzH9k4E8axHokYCWaYNqw8NykyHxT4sxQWHnsykWknjoaykP6zsYD4UPCzjnU8EzHnhW6WH8QWaRUqBoQzhnBWT8wPT9joBu646zwW6YH8BoN4Uyw4j4Toj4Hn6PUysRh8wzw">购买</a></div>
			</div>
		</div>
	<?php endwhile;wp_reset_query();?>
    </div>
</div>
</section>

最后就是改点 css 了,可以参照我的看看。

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

龙笑天
龙笑天 关注:32    粉丝:36 最后编辑于:2016-06-10
互助分享,互联网本该如此!

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  1. 好文推荐
    好文推荐 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows 10 广东省广州市 联通

    不错的分享

  2. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows XP 广西南宁市 电信

    博客在于折腾,折腾多了就上手了

  3. 陌小雨博客
    陌小雨博客 来自天朝的朋友 火狐浏览器 44.0 Windows 10 湖北省武汉市 电信

    博主这主题好强大,简直就是一个大仓库呀,好多功能都好喜欢好喜欢呀,是知言主题自带的么,博主折腾的部分有哪些?

  1. 成航先森
    成航先森 评论达人 LV.3 来自天朝的朋友 Netscape Navigator 5.0 iPhone iPhone OS 8_1 like Mac OS X 四川省 移动数据上网公共出口

    就问你用的是收费版还是免费版?

    4楼 2016-05-03 08:42
    0 0 回复
  2. 陌小雨博客
    陌小雨博客 来自天朝的朋友 火狐浏览器 44.0 Windows 10 湖北省武汉市 电信

    博主这主题好强大,简直就是一个大仓库呀,好多功能都好喜欢好喜欢呀,是知言主题自带的么,博主折腾的部分有哪些?

    地板 2016-04-14 13:40
    2 0 回复
  3. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows XP 广西南宁市 电信

    博客在于折腾,折腾多了就上手了

    板凳 2016-04-01 10:09
    5 0 回复
  4. 好文推荐
    好文推荐 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows 10 广东省广州市 联通

    不错的分享

    沙发 2016-03-31 17:34
    6 1 回复
扫一扫二维码分享