werstreamtes/pimcore-list-widget

not-reviewed

No Category

Details

No author set

Version

1.0.1

Last updated

22.10.2024

Compatible Pimcore Version

Contact

No Category

WerStreamt.es Widget

Pimcore List Widget

This widget is designed for use with Pimcore 10.2 or higher.

Install the widget using composer:

composer require werstreamtes/pimcore-list-widget

or via composer.json:

"require" : {
    "werstreamtes/pimcore-list-widget" : "1.0.0",
}

Activate the widget with the following command:

bin/console pimcore:bundle:enable WerStreamtEsListWidgetBundle

bin/console pimcore:bundle:install WerStreamtEsListWidgetBundle

Finally, the plugin must be registered in the registerBundlesToCollection function in the App/Kernel.php file

$collection->addBundle(WerStreamtEsListWidgetBundle::class);

If you are part of the WerStreamt.es partner program, you can save your tag in the website settings.

Go to the website settings and create a new entry with the key wseWidgetTag of type Text. You can fill this with your partner tag.

There are some basic classes for styling the widget.

The color of the shade used for fading can be overwritten with the following variable:

.wse-widget {
    --shadow-color: #fff;
}

Please note: The shade also exists in dark mode and can be overwritten with the following code:

@media (prefers-color-scheme: dark) {
    .wse-widget {
        --shadow-color: #000;
    }
}

The color of the arrows can be adjusted with the following code:

.wse-arrow-fill {
  fill: #ffffff;
}

The color of the numbering can be adjusted with the following code:

.wse-numeric .wse-elements li.wse-element:before {
  color: #d90000;
}