Sin impuesto Con impuesto

Barre flottante RKR Ajouter au panier

  • Neuf
Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
search
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
  • Barre d'ajout au panier flottante RKR — bouton d'achat toujours visible dans PrestaShop
48,28
39,90 € Sin impuesto 48,28 € Con impuesto

Le bouton « Acheter » est toujours visible. Lorsqu'il disparaît de l'écran, une barre flottante affiche la photo, le nom, la variante sélectionnée et le prix. Son bouton « Ajouter au panier » utilise celui de votre modèle. Le système suit la combinaison consultée par le client : le prix, la variante et l'image se mettent à jour automatiquement en cas de changement de taille ou de couleur. Aucune modification de modèle, de jQuery ou de mise en page n'est nécessaire.

Quantité

Asesor experto

¿Necesitas ayuda de un experto? ¿Hablamos?

Conversion

La décision est prise. Le bouton d'achat se trouve deux écrans plus haut.

Le client fait défiler la page pour lire la description, consulter les avis et comparer les tailles. Au moment de se décider, il doit remonter la page. Le bouton « Ajouter au panier » flottant le place juste devant lui au moment précis où il prend sa décision.

0 lignes
Modèle à personnaliser : il s'installe et fonctionne avec le thème que vous utilisez déjà.
8.x → 9.x
JavaScript pur, sans jQuery : fonctionne aussi bien en JavaScript classique qu’en Hummingbird.
1 écran
configuration, sans onglets ni assistants

Il n'apparaît qu'en cas de besoin.

Le bouton d'achat est visible, mais la barre n'est pas affichée : elle masquerait inutilement le produit. Dès qu'elle disparaît de l'écran, elle réapparaît en bas (ou en haut, selon votre choix) avec la photo du produit, son nom, la variante sélectionnée, le prix et son propre bouton.

Il ne surveille pas le défilement, ce qui provoque les sauts et ralentit la page. Il utilise IntersectionObserver : le navigateur vous avertit lorsque le bouton disparaît de l’écran. Pratiquement sans coût et sans perturbation de la mise en page .

Suivez la combinaison que le client regarde.

C'est ce qui pose problème avec la quasi-totalité des barres d'outils flottantes. Lorsque vous choisissez une taille ou une couleur, PrestaShop ne met pas à jour le bloc du panier ; il le remplace entièrement. Une barre d'outils qui conserve l'ancien bouton empêche ensuite l'ajout d'articles au panier, et personne ne s'en aperçoit jusqu'à ce que des commandes disparaissent.

Prix
Elle est mise à jour avec celle correspondant à la combinaison choisie, y compris le prix barré en cas de promotion.
Variante
Le nom de ce que vous avez choisi, sous le produit : « Rose », « M · Blanc ».
Image
La photo change selon la combinaison, tout comme sur la carte.
Action
Si le premier appareil s'arrête faute de stock, celui du bar s'arrête également.

/ Achetez en utilisant le bouton de votre propre modèle

La barre n'ajoute pas automatiquement d'articles au panier ; elle redirige le clic vers le bouton que vous avez déjà configuré. Ainsi, la quantité sélectionnée, la gestion des stocks, la notification du thème et toutes les autres options que vous avez associées à ce bouton sont conservées. Si vous changez de thème demain, la barre continuera de fonctionner.

Et il s'adapte à votre boutique sans modifier le moindre code.

Couleurs
Arrière-plan, texte, prix et bouton, chacun avec son sélecteur.
Forme
Rayon des angles, de la pilule à la carte, et largeur maximale ou pleine largeur.
Icône
Soit celle fournie, soit une de vos propres images au format SVG, soit une image que vous téléchargez. Ou aucune.
Couche
Si vous avez une messagerie d'assistance ou une notification relative aux cookies, augmentez l'indice Z et cessez de marcher dessus.

Le thème a été fortement modifié ? Le sélecteur du bouton d’achat n’est qu’un autre paramètre : il a été modifié dans la configuration, sans qu’aucun fichier ne soit touché.

Sur mobile, où c'est le plus visible

Sur un écran de téléphone, le bouton d'achat disparaît au premier glissement de doigt. La barre se réduit automatiquement : elle conserve la photo, le prix et le bouton, réservant le texte aux écrans plus grands.

Compatible avec PrestaShop 8.x et 9.x · Thèmes Classique et Colibri

Développé et maintenu par REKIRE

Consentement aux cookies