如何使用DIY功能中的图片热区模块

#Smsot官方#推荐moti2022-05-29

在DIY模块中有一个图片热区的模块,这个模块对于DIY非常方便,特别是对于不懂代码又想要DIY出个性界面的站长。如下图所示的这种...

在DIY模块中有一个图片热区的模块,这个模块对于DIY非常方便,特别是对于不懂代码又想要DIY出个性界面的站长。如下图所示的这种界面


无规则排列的界面



商品常用的排列


如果不使用图片热区则需要用H5+CSS代码来制作出如图所示的界面,这对于很多站长来说是非常困难的。

如何使用图片热区

使用图片热区则无需通过H5+CSS代码,只需通过PS把界面设计出来,然后通过热区模块,给页面不同的位置画出链接热区,再设置链接地址即可。如下图所示

添加热区

上传热区图片

添加热区链接


设置热区位置和大小


点击这里查看效果

是不是很简单,只需要通过PS把界面的样式设计出来,无需代码就可以根据自己的需要对界面进行个性化的DIY

相关话题

#魔缇DIY频道

用手机扫码体验更多功能

扫码查看5条评论