如何在divi主题中自定义woocommerce产品幻灯片样式?
Woocommerce是国际上最流行的电商软件,丰富的拓展模块和SEO优化机制,帮助了许多国内外的商家。之前有很多做外贸的客户问:如果要做一个大卖场的网站,但是不想让产品图组和默认的WooCommerce商城的一样,能不能做出亚马逊纵列的形式展现?当然可以!
如果想试试Divi主题,这里有预览链接
今天我们就来教大家,像这样纵列的产品图在WooCommerce商城中应该怎么设置呢?
我们先要安装Divi Engine插件,安装完后我们左侧的菜单栏会出现 Divi Engine栏目。
安装完成后,我们进到Divi Bulder ,自行设置我们拥有自己网站特色的产品详情页,我这边已经有自定义的产品主题了,如果大家用的是默认的产品主题,可以自行创建并设置哦!
进入产品内容的编辑状态>Custom Body
进入到Divi主题的编辑状态,我们打开产品图片的位置,可以看到它采用的是Woo Images Settings
模块,然后将它删除
删除完毕,打开模块添加,找到我们需要的纵列排序的产品组图模块:PP Gallery-Product Page

我们将Gallery Style设置为Vertical slider,就完成了!剩下其他画廊风格、样式设置大家可以自行学习设置,做出属于自己风格的外贸网站的设计让人眼前一亮吧!
如何在divi主题中自定义woocommerce产品幻灯片样式?
Woocommerce是国际上最流行的电商软件,丰富的拓展模块和SEO优化机制,帮助了许多国内外的商家。之前有很多做外贸的客户问:如果要做一个大卖场的网站,但是不想让产品图组和默认的WooCommerce商城的一样,能不能做出亚马逊纵列的形式展现?当然可以!
如果想试试Divi主题,这里有预览链接
今天我们就来教大家,像这样纵列的产品图在WooCommerce商城中应该怎么设置呢?
我们先要安装Divi Engine插件,安装完后我们左侧的菜单栏会出现 Divi Engine栏目。
安装完成后,我们进到Divi Bulder ,自行设置我们拥有自己网站特色的产品详情页,我这边已经有自定义的产品主题了,如果大家用的是默认的产品主题,可以自行创建并设置哦!
进入产品内容的编辑状态>Custom Body
进入到Divi主题的编辑状态,我们打开产品图片的位置,可以看到它采用的是Woo Images Settings
模块,然后将它删除
删除完毕,打开模块添加,找到我们需要的纵列排序的产品组图模块:PP Gallery-Product Page
我们将Gallery Style设置为Vertical slider,就完成了!剩下其他画廊风格、样式设置大家可以自行学习设置,做出属于自己风格的外贸网站的设计让人眼前一亮吧!