spot_img
Homewoocommerce教程如何在divi主题中自定义woocommerce产品幻灯片样式?

如何在divi主题中自定义woocommerce产品幻灯片样式?

spot_img

如何在divi主题中自定义woocommerce产品幻灯片样式?
Woocommerce是国际上最流行的电商软件,丰富的拓展模块和SEO优化机制,帮助了许多国内外的商家。之前有很多做外贸的客户问:如果要做一个大卖场的网站,但是不想让产品图组和默认的WooCommerce商城的一样,能不能做出亚马逊纵列的形式展现?当然可以!

如果想试试Divi主题,这里有预览链接

今天我们就来教大家,像这样纵列的产品图在WooCommerce商城中应该怎么设置呢?

我们先要安装Divi Engine插件,安装完后我们左侧的菜单栏会出现 Divi Engine栏目。

WordPress divi主题

安装完成后,我们进到Divi Bulder ,自行设置我们拥有自己网站特色的产品详情页,我这边已经有自定义的产品主题了,如果大家用的是默认的产品主题,可以自行创建并设置哦!

进入产品内容的编辑状态>Custom Body

进入到Divi主题的编辑状态,我们打开产品图片的位置,可以看到它采用的是Woo Images Settings

模块,然后将它删除

删除完毕,打开模块添加,找到我们需要的纵列排序的产品组图模块:PP Gallery-Product Page

WordPress建站服务

我们将Gallery Style设置为Vertical slider,就完成了!剩下其他画廊风格、样式设置大家可以自行学习设置,做出属于自己风格的外贸网站的设计让人眼前一亮吧!

如何在divi主题中自定义woocommerce产品幻灯片样式?
Woocommerce是国际上最流行的电商软件,丰富的拓展模块和SEO优化机制,帮助了许多国内外的商家。之前有很多做外贸的客户问:如果要做一个大卖场的网站,但是不想让产品图组和默认的WooCommerce商城的一样,能不能做出亚马逊纵列的形式展现?当然可以!

如果想试试Divi主题,这里有预览链接

H10的年终大促

今天我们就来教大家,像这样纵列的产品图在WooCommerce商城中应该怎么设置呢?

我们先要安装Divi Engine插件,安装完后我们左侧的菜单栏会出现 Divi Engine栏目。

安装完成后,我们进到Divi Bulder ,自行设置我们拥有自己网站特色的产品详情页,我这边已经有自定义的产品主题了,如果大家用的是默认的产品主题,可以自行创建并设置哦!

进入产品内容的编辑状态>Custom Body

进入到Divi主题的编辑状态,我们打开产品图片的位置,可以看到它采用的是Woo Images Settings

模块,然后将它删除

高质量外链购买

删除完毕,打开模块添加,找到我们需要的纵列排序的产品组图模块:PP Gallery-Product Page

我们将Gallery Style设置为Vertical slider,就完成了!剩下其他画廊风格、样式设置大家可以自行学习设置,做出属于自己风格的外贸网站的设计让人眼前一亮吧!

siteground guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES