登录 注册

登录

问题 求指点!Joomla2.5 列表布局设计

更多
2012年08月04日 13:34 #1 作者: qiuye





高手指点一下,想把列表布局设计成上面图片中的样子,怎么样做才能做到呢??

白老大,怎么弄啊?
附件:

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月04日 23:47 #2 作者: 方新数据
将图片,文章 及“更多”,设置成 float:left,应该就可以了。;

欢迎光临【方新数据】---- 提供特快香港空间、美国空间及网站制作与咨询。做网站就找方新数据。

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 00:07 #3 作者: 方新数据
当然,行与行之间,还应该加上<div style="clear:both;"></div>,以隔断浮动。

欢迎光临【方新数据】---- 提供特快香港空间、美国空间及网站制作与咨询。做网站就找方新数据。

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 00:44 #4 作者: Joomla之门
Joomla 核心已经提供了“布局僭越”(Layout Override)支持。你可以将核心自带的文章列表布局(假设你用文章来做上述产品展示)复制一份,放在当前模板的 html 目录里面,然后修改成你自己想要的外观。那么,网页在前台输出的时候,就会优先采用你所修改的这个布局(核心自带的原布局无需删除或者隐藏)。

详情参看: Layout Overrides in Joomla 1.6

提示几点:

1、这个官方文档的标题是针对 Joomla 1.6,实际上依然适用于 Joomla 2.5 / 1.7
2、你需要改的是 blog 布局
3、你的最终 blog 布局“只要标题、插图、阅读全文链接”3项内容,这个可以在撰写文章时控制:由于标题是单独输入的,所以在编辑器输入框里面首先插入插图,然后立即插入“阅读全文”链接。这样就实现了“文章引言字符数为 0”。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 03:31 #5 作者: qiuye
我尝试了一下,效果仍然不是很理想,

白老大,有什么组件可以实现这样的布局效果呢?

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 03:38 #6 作者: 方新数据
““布局僭越”(Layout Override)"
Layout Override,应该译,布局重载,或 页面重载 为好。其功能就是在 模板 html 目录中重新建立一个页面,以在不变动核心代码的情况下,修改相关页面布局。

欢迎光临【方新数据】---- 提供特快香港空间、美国空间及网站制作与咨询。做网站就找方新数据。

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 03:50 #7 作者: qiuye
那页面重载 具体怎么实现呢?怎么修改blog 布局

登录 或者   注册一个会员帐号 来参与讨论

更多
2012年08月05日 06:37 - 2012年08月05日 06:39 #8 作者: Joomla之门
如果你展示的产品总数不超过20个,并且这些产品排行不再变化,那么用单个文章(未分类文章)页面做这个列表最方便了:一个3列表格就搞定了。然后每个产品的图片集“更多”按钮指向各自产品的详情页面,这个链接手工添加即可。

这样还有难度吗?

如果产品很多,“动态”提取热销产品来展示,那这个方法就不适合了。应该考虑换用别的扩展。你或许可以试试 K2 。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
最后修改: 2012年08月05日 06:39 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论