承接 msp/lightgallery 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

msp/lightgallery

最新稳定版本:0.1.1

Composer 安装命令:

composer require msp/lightgallery

包简介

Magento module wrapper for LightGallery

README 文档

README

PHP version

This module lets you use LightGallery with Magento 2 throught requirejs.

Installation

composer require msp/lightGallery
bin/magento module:enable MSP_LightGallery
bin/magento setup:upgrade

Usage

You must include the css via layout XML, for example if you want to use the gallery in the product page add to catalog_product_view.xml:

<head>
    ...
    <css src="MSP_LightGallery::css/lightgallery.min.css"/>
    ...
</head>

You can init the gallery with data-mage-init:

<div id="your-gallery" data-mage-init='{
    "LightGallery": {
        "thumbnail":true
    }
}'>
    <a href="img/kitten1.jpg">
        <img src="img/kitten1-thumb.jpg" />
    </a>
    <a href="img/kitten2.jpg">
        <img src="img/kitten2-thumb.jpg" />
    </a>
    <a href="img/kitten3.jpg">
        <img src="img/kitten3-thumb.jpg" />
    </a>
</div>

or with a <script type="text/x-magento-init">:

<div id="your-gallery">
    <a href="img/kitten1.jpg">
        <img src="img/kitten1-thumb.jpg" />
    </a>
    <a href="img/kitten2.jpg">
        <img src="img/kitten2-thumb.jpg" />
    </a>
    <a href="img/kitten3.jpg">
        <img src="img/kitten3-thumb.jpg" />
    </a>
</div>
<script type="text/x-magento-init">
     {
         "#your-slider": {
             "LightGallery": {
                "thumbnail":true
             }
         }
     }
 </script>

统计信息

  • 总下载量: 26.29k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 6
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 6
  • Watchers: 3
  • Forks: 2
  • 开发语言: JavaScript

其他信息

  • 授权协议: OSL
  • 更新时间: 2016-10-21

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固