thelia / header-highlights-module
HeaderHighlights module for Thelia
Installs: 261
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 8
Forks: 3
Open Issues: 1
Type:thelia-module
Requires
- thelia/installer: ~1.1
README
This module for Thelia add a customizable view on your home page. You can upload you own image and overload the default template in your template for using the carousel. This module replace thelia/Carousel
Installation
Manually
- Copy the module into
<thelia_root>/local/modules/
directory and be sure that the name of the module is HeaderHighlights. - Activate it in your thelia administration panel
Composer
Add it in your main thelia composer.json file
composer require thelia/header-highlights-module:~1.0
Usage
In the configuration panel of this module, you can upload/edit the view with 3 images.
Hook
You must define 3 hooks to render (one for html, one for css and one for js)
{hook name="header.html"}
{hook name="header.css"}
{hook name="header.js"}
Loop
Customize images with the header image loop must provide locale or lang_id parameters
[header_highlights_loop]
Input arguments
Output arguments
Exemple
{loop type="header_highlights_loop" name="header_highlights_loop" locale="$locale"}
<a href="{$ORIGINAL_IMAGE_URL}" target="_blank">
<img src="{$IMAGE_URL}" alt="header-highlights-image-{$ID}">
</a>
{/loop}
Exemple with TheliaLibrary
{loop type="header_highlights_loop" name="header_highlights_loop" locale="$locale" use_thelia_library=true}
<a href="{$ORIGINAL_IMAGE_URL}" target="_blank">
<img src="/legacy-image-library/headerHighlights_image_{$ID}/full/%5E*!308,308/0/default.webp" alt="header-highlights-image-{$ID}">
</a>
{/loop}