Ultimo模板安装方法与使用常见问题(二)

Ultimo模板设置首页

首页广告滑动模块设置

Ulitmo模板 内置了 3种滑动模块样式,如下图:分别是滑动模块带三个右(左)侧小banner,和内容等宽滑动模块,和全屏宽度滑动模块。

Thank you for reading this post, don't forget to subscribe!

201411301118122014113011165920141130111546

在前面一篇讲Ultimo模板安装方法的时候,我们导入了一个模板样式,其实已经附带导入了改样式的滑动模块样式。但是我们依然可以在这三种样式之间转换。

登陆 Magento网站后台 CMS -> Static Blocks

Title 处输入 slide敲回车键 筛选出标题带 slide 的所有blocks,如图

20141130114414

 

Home slide既是所有导入的首页 slide,记住每一个 slide的 identifier ,

点击 System -> Configuration -> Infortis Extentions -> Slideshow,

找到 Main Slideshow on Home Page, 如图

20141130121545

Slide处输入你想要首页出现的图片的slide的identifier

如需全屏宽度slide就将 Position: Above Content Area Boxed 选Disable关闭,将Position: Above Content Area Full 选 Enable开启;反之需要固定宽度 slide(和内容等宽)就开启 boxed,关闭 full。

如需右侧三个小banner,则在 Main Slideshow on Home Page 下 banner处输入identifier : block_slideshow_banners (留空表示不要右侧三个小banner)

20141130122727

然后到 CMS -> Block里面相关的blocks修改里面的图片即可。 如果做满屏宽度的slide,图片最佳宽度为 1920px,内容等宽图片宽度为 1176px,带侧边banner的slide图片宽度最佳为 870px。

 更换首页产品并调整产品名称文字大小等

登陆 magento后台, CMS -> Pages 点击首页,在content选项下查看,会有很多类似于这样的一段代码

{{block type="ultimo/product_list_featured" template="catalog/product/list_featured_slider.phtml"category_id="8" product_count="12" breakpoints="[0, 1], [320, 2], [480, 3], [768, 4], [960, 5]"pagination="0" centered="0" hide_button="1" size="size-xs" block_name="Wedding Dresses"}}

category id就是你添加产品分类时,系统给他分配的一个数字id,到 Catalog -> Manage Categories 下可以点击每一个category查看它的id,把你想要出现在这里的产品分类的id填上即可

product count表示滑动模块里一个多少个产品

breakpoints是设置每行多少个产品,上面这个例子是,如果屏幕尺寸在 0 -320px之间每行一个产品,屏幕超过320px每行2个产品,屏幕超过480px每行3个产品,以此类推,屏幕尺寸超过960px每行显示5个产品 (如果你想在电脑上显示每行4个产品,只需把, [960, 5]删除即可)

centered表示产品列表里的元素(产品名称,add to cart按钮,评价等)是否居中对齐,0表示不居中,1表示居中

hide button 表示是否隐藏 add to cart按钮,0表示不隐藏,1表示隐藏

size 表示产品名称的文字大小 ,有三种尺寸:删除这个变量就是标准文字尺寸,size-s比标准尺寸略小,size_xs比标准尺寸小很多。

block name 产品分类的名称

20141201150803

以此,可以修改或添加更多的产品分类到首页

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注