写文章
LUIS999
2015-09-16 13:52

我是怎么解决 产品详情页 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]


亲测可用, 如果觉得有用,不妨给我个攒
举报
收藏
转发
0/500
添加表情
评论
评论 (8)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示