woocommerce 分类高亮的商品分类链接出现中文 该怎么改成英文

WordPress(10)
& & & 使用WordPress构建电子商务系统,虽然说山寨了点,也不很专业,但满足一般需求,对很多人来说也足够了。 使用WordPress搭建电子商务网站之利器当然是——WooCommerce ,对此插件的好坏不作评论,肯定国外的。总体来说WooCommerce实现了购物流程,但是流程不是很“和谐”。外国人的习惯,和国人的习惯差别不是一般的大。因此,如果你的业务简单,产品又少,又想把产品展示成“高大上”,那么可以考虑使用wordpress+响应式来构建电商网站。如果业务复杂,那么绝对不是明智的选择,原因你懂得。
& & & WooCommerce也很好的实现了国际化,都是通过wordpress国际化机制。这款插件也已经汉化了,直接更新即可。汉化之后产生的标题很恶心,一看到这种网站第一印象就不是很专业,山寨的感觉。从SEO角度来说,链接尽量不要出现中文!汉化之后蜘蛛抓到的链接如下:/%E4%B8%BB%E9%A2%98/joomla%E4%B8%BB%E9%A2%98/
浏览器一般都有URL转码,所以实际用户看到的URL是:/joomla主题/joomla主题/ 。
& & & & 链接不是很和谐,而且不利于SEO,于是要把链接还原成不带中文的链接,找到:woocommerce-zh_CN.po,把中文分类替换成字母形式。打开网站数据库,搜索中文分类,替换成字母类型的。实质也是通过正则替换&
完成后就清晰自然了,看着就不会那么变扭了。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:50099次
积分:1390
积分:1390
排名:千里之外
原创:88篇
(2)(1)(6)(1)(3)(3)(1)(2)(7)(11)(4)(13)(6)(3)(7)(3)(3)(2)(1)(3)(1)(3)(1)(2)(1)(1)(2)(3)WordPress后台定制-为Woocommerce产品增加自定义字段 - Brain的技术笔记
(20,237) (15,307) (14,186) (11,766) (9,773) (7,851) (7,441) (7,038) (6,653) (4,850)
2016年九月 &(1)
2016年八月 &(4)
2016年七月 &(1)
2016年四月 &(1)
2016年三月 &(1)
2016年一月 &(2)
2015年十一月 &(1)
2015年十月 &(2)
2015年九月 &(1)
2015年八月 &(1)
2015年七月 &(2)
2015年六月 &(3)
2015年五月 &(2)
2015年四月 &(2)
2015年三月 &(2)
2015年二月 &(1)
2015年一月 &(5)
2014年十二月 &(1)
2014年十一月 &(1)
2014年十月 &(4)
2014年九月 &(5)
2014年八月 &(3)
2014年七月 &(3)
2014年六月 &(1)
2014年五月 &(1)
2014年四月 &(1)
2014年三月 &(1)
2014年二月 &(1)
2014年一月 &(2)
2013年十二月 &(1)
2013年十一月 &(2)
2013年十月 &(2)
2013年九月 &(1)
2013年八月 &(2)
2013年七月 &(1)
2013年六月 &(1)
2013年五月 &(3)
2013年四月 &(3)
2013年三月 &(2)
2013年一月 &(4)
2012年十二月 &(1)
2012年十一月 &(3)WooCommerce 2.1.12 – 如何修改相关产品列表 - 推酷
WooCommerce 2.1.12 – 如何修改相关产品列表
本文以默认主题twentytwelve为例,讲解如何控制相关产品(Related Products)的图像尺寸和分栏。
详细描述了WooCommerce所使用的图片尺寸、如何设置以及最常遇到的产品图片模糊的解决方法,上传产品图片前先了解一下这篇文章的内容,可以省去很多麻烦。
简单的说WooCommerce产品图片有三种尺寸
Single Product Image :是最大的缩略图,用在产品详情页面展示产品大图
Catalog Images :用在shop首页、相关产品、交叉销售和增量销售中
Product Thumbnails :最小的缩略图,用在购物车页、购物车小工具,产品详情页大图下方那一堆小图也是这个尺寸
如果你觉得网店图片看起来不对劲,先来检验所设置的尺寸是否正确。
控制相关产品显示数量
相关产品默认使用Catalog Images(150&150)尺寸,分两栏显示总共2个产品,在twentytwelve下的效果非常捉急。
首先改成一行显示三个产品,总共显示3个相关产品,下述所有代码都应放在主题的functions.php中
add_filter( 'woocommerce_output_related_products_args', 'wc_custom_related_products_args' );
function wc_custom_related_products_args( $args ){
$args = array(
'posts_per_page' =& 3,
'columns' =& 3,
'orderby' =& 'rand'
只更改数量无法达到我们想要的效果,还需要修改样式表,在主题的style.css里添加如下样式
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product{
width:30%;
最后效果如下,图片清晰度上升,但仍然被缩放,因为图片的尺寸是150&150,而我们设定宽度为33%,实际产生的展示尺寸为188&188,这就是图片模糊的原因。
改变图片尺寸
想进一步提升清晰度,换个图片尺寸,最直接的方式是去后台修改catalog images尺寸。这里我们想使用300&300的single product image尺寸,通过代码来更改。
if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ) {
function woocommerce_template_loop_product_thumbnail() {
echo woocommerce_get_product_thumbnail( 'shop_single');
清晰度得到了很大提升
可选的图片尺寸
在上面的代码中,图片尺寸名称是shop_single,下面列出所有可选的参数
shop_catalog
shop_single
shop_thumbnail
———WordPress默认尺寸———-
post_thumbnail
通过add_image_size注册的尺寸也可以在这里使用。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置: 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致获取WooCommerce页面地址的方法 – ~SolagirL~WooCommerce自带的shortcodes – ~SolagirL~

我要回帖

更多关于 woocommerce教程 的文章

 

随机推荐