TECNOAMBASSADOR · PRESTASHOP MODULE
Tecno Banner
A banner slider for the top of your store.
|
| The first thing your customer sees has to sell. Tecno Banner shows a banner slider at the top of your store, with different images for computers and phones, links, text over the image, transitions and date scheduling. Upload, sort and activate your banners from a single panel. |
| 🖼️ Desktop and mobile 📅 Date scheduling 🌎 English and Spanish |
What can you do?
|
| |
🖼️ One image for each screen
- Upload one image for desktop and another for mobile in each banner.
- Choose up to which screen width the mobile image is used.
- JPG, PNG, GIF, WebP and AVIF formats, up to 8 MB each.
- Automatic WebP optimization on upload, so they load faster (optional).
|
|
| |
| |
🔗 Links and text over the image
- Optional link on each banner, opening in the same tab or a new one.
- Accepts full addresses, internal paths of your store and anchors.
- Title, subtitle and button with your own text over the image.
- Text position on the left, center or right.
- Option to darken the background so the text is easier to read.
- Alt text for SEO and accessibility.
|
|
| |
| |
📅 Scheduling and banner management
- Schedule from which date until which date each banner is shown (ideal for deals and special dates).
- The list shows whether each banner is visible, scheduled or expired.
- Turn a banner on or off with one click, without deleting it.
- Reorder banners by moving them up or down.
- Edit or delete whenever you want; deleting also removes its images.
- Each banner has an internal name so you can identify it easily.
|
|
| |
| |
🎬 Transitions and animations
- 4 transitions between banners: fade, slide, fade with zoom and Ken Burns (slow zoom).
- 10 entrance animations: none, fade in, rise, drop, zoom, bounce, 3D flip, slide in from the left or the right, and blur to sharp.
- The entrance animation plays once, when the banner appears on screen.
- Preview in the panel with a button to replay it.
- Configurable transition duration.
|
|
| |
| |
▶️ Navigation and autoplay
- Autoplay with the time between banners of your choice.
- Option to loop back to the first banner at the end.
- Pause when the mouse hovers over it.
- Progress bar, arrows (on computers) and navigation dots, which you can turn on or off.
- On phones, swipe with your finger; on computers, the keyboard works too.
|
|
| |
| |
📐 Size and design made to fit you
- Automatic size: adapts to each image, which is shown whole and centered.
- Fixed size: set width and height for desktop and mobile, and choose whether the image covers the frame or is shown whole.
- Option to use the full screen width.
- Configurable top and bottom margins, side spacing and rounded corners.
|
|
| |
| |
⚡ Fast and accessible
- The first banner loads with priority and the rest load as they are needed.
- The slider pauses when you switch tabs.
- Accessibility labels for screen readers and keyboard navigation.
- Respects the visitor's reduced-motion setting on their device.
|
|
| |
| |
⚙️ A control panel made to fit you
- Switch to show or hide the whole banner in the store.
- Primary color and dark color to customize the controls.
- Banners and settings in the same panel, with a status and version header.
- Panel available in English and Spanish, with an Auto / ES / EN selector.
|
|
| |
✅ Benefits
- Deals and news always in sight, at the very top of your store.
- Images designed for each screen, with no odd cropping on phones.
- Scheduled banners that appear and disappear by themselves.
- Everything is managed from the panel, without touching code.
|
| |
Requirements
- PrestaShop 1.7.6 or higher.
- A theme that shows the displayTopColumn position, which is where the banner appears.
- modules/tecnobanner/uploads/ folder with write permission, to store the images.
- Important: uninstalling the module deletes the banners and their images.
|
