登录 注册

登录

已解决 Shaper-Glamour模板,幻灯片下面展示的模块问题

更多
2017年05月23日 08:41 - 2017年05月28日 14:56 #1 作者: windberry
四个图片展示,hair cut,make up,blow drying,low drying,点击后竟然是跳到http://10.0.1.11/joomla/2014/glamour/demo/index.php/shop/make-up/blowdrying-long ,(好像是演示网站,这几块怎么修改,不知道那些模块控制的,求教,谢谢,
另外请教一下怎么查看首页是由哪些模块控制的?或者是文章什么的?怎么分辨?怎么修改?谢谢
最后修改: 2017年05月28日 14:56 由 windberry.

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

更多
2017年05月25日 10:09 #2 作者: Joomla之门
你选的这个 Shaper-Glamour 模板 有点特殊,它的首页并不是以往我们传统方式的 Joomla 模块堆积,而是由模板官方团队开发的一个页面设计工具叫做 “SP Page Builder” 来设计的,因此,如果你想更改网站首页(Home)的内容,就需要通过这个 SP Page Builder 来进行。

对于首页幻灯下方你提到的这几个图片链接,它们都是在 page builder 里面手工设定的。因此,你完全可以通过在 page builder 里面再次编辑它们来更改链接目标。

操作方法:

进入你网站后台,点击顶部菜单最右端的“SP Page Builder”(原始的 Joomla 3 后台是没有这个一级菜单项目的),然后点击子菜单上的 Pages,就看到了页面列表。点击其中的 Home,就能打开首页设计界面。

SP 这个界面做得不够科学,所以要寻找这几个模块并不是那么容易。幸好它们都在页面顶部附近,意味着在 page builder 设计界面上也比较靠前。通过大概的推理,就能找到它们位于第2行(Row),都是由 Fancy Image Link 这种 addon 实现的。

鼠标指向 Fancy Image Link,右侧就会浮现4个小图标,其中第一个(一支笔)就代表“编辑”,点击一下,就会弹出一个对话框。将对话框的内容滚动到最底部,点击 Item 1 ,就能滑出其内容,里面就有图片路径及链接 URL 等。你可以随意编辑了。

编辑结束之后,别忘了保存这个 addon 及保存这个页面。最后刷新前台,就能看到变化。

顺便说一下:所有带有 SP Page Builder 的模板演示包,都是这样的修改方法。除非页面不在 pages 列表中,才考虑用传统的方式来修改。

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

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

更多
2017年05月26日 10:06 #3 作者: windberry
谢谢,图片大小怎么调整?现在上传后全乱了,看css好像有自动调整的,请指点,谢谢

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

更多
2017年05月26日 17:52 #4 作者: Joomla之门
最简单的图片大小调整办法就是:你上传之前,在你的电脑上就把图片尺寸切割到“合适”的大小。

我注意到你已经成功替换了原始图片,看来你已经掌握了上述 addon 编辑方法。目前看起来图片高度不太协调,这个需要你直接处理原图,因为我注意到模板原始的 CSS 代码是:
.sppb-img-responsive, .sppb-carousel-inner > .sppb-item > img, .sppb-carousel-inner > .sppb-item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
}

你可以看到,这里对高度(height)的定义是“自动”(auto),因此,想要同一排的两个图片等高,就必须将原图处理成等高。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
下列用户已致谢:: windberry

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