承接 wapplersystems/ws-slider 相关项目开发

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

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

wapplersystems/ws-slider

Composer 安装命令:

composer require wapplersystems/ws-slider

包简介

universal slider extension for tinyslider, swiper, flexslider, ...

README 文档

README

Crowdin

Universal slider / carousel extension

A TYPO3 content element that provides a configurable slider/carousel with support for multiple rendering engines. Each renderer has its own FlexForm settings and TypoScript constants, allowing global defaults that editors can override per element.

Supported renderers

Renderer Library Site Set name
Swiper Swiper.js wapplersystems/ws-slider-swiper
FlexSlider 2 FlexSlider wapplersystems/ws-slider-flexslider
TinySlider 2 Tiny Slider wapplersystems/ws-slider-tinyslider
Slick Slick wapplersystems/ws-slider-slick
Bootstrap Bootstrap 5 wapplersystems/ws-slider-bootstrap

Requirements

  • TYPO3 v14
  • PHP 8.2+
  • fluid_styled_content

Installation

composer require wapplersystems/ws-slider

Configuration

1. Include the Site Set

Add the base Site Set wapplersystems/ws-slider and the Site Set for the renderer(s) you want to use (e.g. wapplersystems/ws-slider-swiper) in your site configuration.

2. TypoScript constants

Each renderer ships global TypoScript constants (e.g. plugin.tx_wsslider.settings.renderer.swiper.*). These serve as default values for all slider elements using that renderer.

3. Per-element settings

Editors can override any constant via the FlexForm settings of the content element. A checkbox controls whether the global default or a custom value is used. The current default value is always visible as a placeholder.

Screenshot of FlexForm settings

4. Presets

Presets allow storing a named set of slider settings in the database (tx_wsslider_domain_model_preset). Editors can select a preset instead of configuring each option individually.

Templating

Override the Fluid templates located in Resources/Private/Templates/ via TypoScript templateRootPaths as usual.

Video tutorial

A German video tutorial on installation and configuration: YouTube

Authors

Links

统计信息

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

GitHub 信息

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

其他信息

  • 授权协议: GPL-2.0-or-later
  • 更新时间: 2023-04-24

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固