我是怎么解决 产品详情页 Feature image 排版问题的
我是用AVADA主题进行建站的。
这两天开始做第2个网站,然后又弄到上个网站比较心烦的地方
我们知道Profolio的featured image 在主题中 有 调用显示作用的,比如Profolio-Categories 会调用 产品界面的就是这个。feature image如果没有设置的话 我们产品详情页直接使用Slider 做出产品详情页的图片内容 产品分类界面则不能显示出来。
然而feature image 有个缺点就是不能随意的 设置各种属性 比如position border magrin background 等常规的CSS属性 因此造成我们排版的不方便 [我以前大学学网站设计。对这些还算有点熟悉 不过 太久没碰了。因此要找CSS标签,然后在CSS文件编辑都感觉不太方便]。更别说对于那些没接触 CSS代码这些 建站人员了。
前提就说了这么多,现在说下标题吧。
Wordpress课程里 教我们在这里设置feature image
[attach]8741[/attach]
然而在feature image 2 3 4 5 引用图片 就可以做成产品详情页的Slider 滑块效果【不方便设置属性,可以设置长宽 Width 只能设置 HALF width 或者FULL WIDTH】 但是当我们设置FULL WIDTH 会发觉图片太大 如图所示
[attach]8742[/attach]
再设置 feature iamge width和height
[attach]8745[/attach]
效果如图
[attach]8749[/attach]
之后设置HALF WIDTH 呢
[attach]8750[/attach]
效果如图
[attach]8751[/attach]
好了 到目前就是 我关于feature 这个自带控件 发觉一些毛病 对于这些问题 除非是有些代码基础 进行CSS设置属性 一般人应该都会感觉不愉快吧。现在就是说说 我发现的一个投机取巧的方法。
说起来 很简单, 就是设置Feature image的时候 我们只设置一张图片,之后呢
[attach]8752[/attach]
这样就可以解决产品分类调用产品的情况。。然后你的产品详情页就你自己 开放编辑了
[attach]8758[/attach]
亲测可用, 如果觉得有用,不妨给我个攒