Zen Cart 商品页图片展示增强(GPE) 模块

今天逛博客时发现的，一款非常不错图片展示效果插件，类似Magic Zoom，但是Magic Zoom是收费的。

可以为Zen Cart商品页实现商品多图随鼠标事件切换局部放大灯箱滚动等前端展示效果，本模块兼容 Zen Cart 1.3x ~ 1.5x 任意版本，英文版也可以使用

效果图

水平滚动效果

局部放大

灯箱效果

Demo

Demo：http://demo.zcmb.net/gpe/

安装方法

第一步修改文件夹名称

将 includes/modules/目录下的 “将我改成你的模板目录名” 文件夹名称修改为您的当前模板所在目录名称,
将 includes/templates/目录下的 “将我改成你的模板目录名” 文件夹名称修改为您的当前模板所在目录名称,

includes/modules/和includes/templates/目录下的 gpe_demo文件夹及其下的文件,为模块演示和备份, 非必需文件,
实际安装中, 可以直接删除或将 gpe_demo 文件夹全部修改为当前模板目录名也是一样的.

注意: 在修改文件名时使用*inux系统和LAMP空间环境的同学请注意大小写问题.

第二步上传文件安装模块

将 includes 及其下全部文件保持路径结构上传到您的当前Zen Cart程序安装根目录下.

注意: 上传过程中会提示覆盖, 直接覆盖即可, (不会有实际文件覆盖). 提示信息为同名文件夹的覆盖提示

第三步导入安装脚本

进入 Zen Cart 程序后台 –> 工具 –> 安装SQL 将 gpe_install.sql 文件导入即可,
也可以在PHPMyadmin等第三方数据库管理平台中执行此步.

第四步选项配置

进入Zen Cart 后台 –> 商店配置 –> 商品信息选项下, 按实际需要进行对应的选项配置.

详细安装文档参见下载包中安装说明，或者http://zcbk.org/module/gpe/

下载

下载地址：官方下载页 | 金山快盘下载

转载：http://zcbk.org/article/gpe/

Zen Cart 商品页图片展示增强(GPE) 模块相关推荐

Android滑动展示图片（一页多图，带小圆点，类似小米市场APP详情页图片展示）
最近公司需求上有个功能,类似小米市场上APP详情页里的图片展示效果,有点像广告位的展示,只是广告位一般都是展示一张,这个要求一个屏幕展示多张,想了一下用ViewPager的话一方面需要控制最后一张图防 ...
Vue轮播缩略图（element ui）+鼠标悬浮放大图片（PicZoom）商城详情页图片展示
效果: PicZoom.vue(图片放大组件) <template><divclass="magnifier-box":class="vertical? ...
zen cart 操作
1.-修改商品 meta_tags 后台首页>Catalog>Categories / Products 最后那个倾斜的漏斗就是了 2.修改货币符号: 点那个 edit 按钮,然后可 ...
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十六（商品排序，Thymeleaf快速入门，商品详情页的展示）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)十六(商品详情页的展示) 一.商品排序 1.完善页面信息这是用来做排序的,默认按照综合排序 ...
13.tornado操作之增加用户喜欢的图片展示页+同时展示用户上传的所有图片增加展示图片有多少用户喜欢的功能
目录: 第一部分:增加用户喜欢的图片展示页 1.基本步骤先走起来--视图+接口+前端模板 (1)编写视图ProfileHandler: (2)编写接口:(app.py文件中加入以下接口) (3)编写前 ...
批量获取唯品会商品链接，详情页图片及视频保存技巧
唯品会作为女性最爱逛的一个购物平台之一,深受大家的喜欢,于是很多商家纷纷入驻该平台,也有的人在里面开起了第二家.第三家店铺--其实以现在网络的发达性,我们早已可以用起辅助工具采集商品到店铺里,今天小编 ...
E宠商城里的多个商品里主图、详情页图片怎么复制保存
E宠商城里都是宠物的用品购物,很多人想问上面的商品主图及详情页的图片可以复制保存到吗?多个商品的图片要怎么快速的分类只在到?下面一起用下图高手来操作试试. 采集商品链接打开E宠商城,挑选一个类目, ...
php主页显示商品预览图代码,jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能...
这次给大家带来jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能,jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能的注意事项有哪些,下面就是实战案例,一起来看一下. 1 . ...
基于Zen Cart搭建外贸网站的流程
本文介绍了基于Zen Cart搭建外贸网站的流程以及在使用Zen-Cart网站中遇到的一些常见问题,是作者开发经验的总结,对希望快速了解和掌握Zen Cart的PHPer有所帮助. 1.安装配置PHP ...

Zen Cart 商品页图片展示增强(GPE) 模块

Zen Cart 商品页图片展示增强(GPE) 模块相关推荐

最新文章

热门文章