hauerheinrich/hh-slider

Hauer-Heinrich - Image and Content Slider

0.7.1 2025-06-25 08:49 UTC

Requires

• typo3/cms-core: ^12.4.0 || ^13.4.0
• typo3/cms-fluid: ^12.4.0 || ^13.4.0
• typo3/cms-fluid-styled-content: ^12.4.0 || ^13.4.0
• typo3/cms-frontend: ^12.4.0 || ^13.4.0

Replaces

• hauer-heinrich/hh_slider: 0.7.1
• typo3-ter/hh-slider: 0.7.1

MIT

• Christian Hackl

• extension
• TYPO3 CMS
• hauer-heinrich

README

hh_slider is a TYPO3 extension. Integrates the tiny-slider in TYPO3.

Installation

... like any other TYPO3 extension extensions.typo3.org Don't forget to include PageTS / look at features section

Features

• No dependencies like jQuery
• "Content type" - Select "images" if you want only slide images | select "content" if you want to slide content-elements like textmedia
• To slide other elements, for example from other extensions, simply add your own custom json to the document - like: "hh_slider\Resources\Private\Partials\Assets\SliderJson.html" - Important: className "hhSliderJson"
• possibility to add TypoScript and PageTS automatically (Deprecated due to TYPO3 method itself (addPageTSConfig()), this option will be removed with TYPO3 14.)
  • OR over the backend "Tempalte"-module and page settings -> Resources OR manually by yourself
    • you can change this at backend -> Settings -> Extension Configuration -> hh_slider

optional

Set CSS colors for the slider buttons

--hhslider-button-prevnext-bg-image: url("../Icons/prev-next.svg"); --hhslider-button-prevnext-bg-color: #04A0E3; --hhslider-button-prevnext-bg-color-hover: #7cb4cc; --hhslider-button-startstop-bg-image: url("../Icons/start-stop.svg"); --hhslider-button-startstop-bg-color: #04A0E3; --hhslider-button-startstop-bg-color-hover: #7cb4cc; --hhslider-pagination-button-bg: #fff; --hhslider-pagination-button-bg-active: #ccc; --hhslider-pagination-button-border: 3px solid #ccc; --hhslider-pagination-button-border-active: 3px solid #ccc;

Restrict Content-Elements (CType) of childrecords

Example:

plugin.tx_hhslider {
    settings {
        allowedCtypes = textmedia, images, menu_pages,
    }
}

Translate string via TypoScript

Available strings / ID's see: EXT:hh_slider/Resources/Private/Language/locallang.xlf Example:

plugin.tx_hhslider {
    _LOCAL_LANG {
        default {
            fe.slider.userInstruction = default EN label
        }
        de {
            fe.slider.userInstruction = DE label
        }
        cz {
            fe.slider.userInstruction = CZ label
        }
    }
}

HINT

The tiny-slider source code has been adapted, which means that the supplied tiny-slider source code is no longer compatible with the original!

Main-view

Options-view

Copyright notice

This repository is part of the TYPO3 project. The TYPO3 project is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

The GNU General Public License can be found at http://www.gnu.org/copyleft/gpl.html.

This repository is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

This copyright notice MUST APPEAR in all copies of the repository!

License

GNU GENERAL PUBLIC LICENSE Version 3