thelia/header-highlights-module

HeaderHighlights module for Thelia

1.1.6 2024-11-14 10:39 UTC

Requires

• thelia/installer: ~1.1

LGPL-3.0-or-later

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)

Here is an example :

{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}