Skip to main content Skip to search Skip to main navigation
Diese Seite ist auch auf Deutsch verfügbar.
J&G Agency GmbH

Product Arrow Navigation

Description

Highlights

  • SEO-optimized navigation with real HTML links
  • Three display modes: SVG, custom images, or CSS
  • Fully customizable: colors, sizes, animations
  • Responsive design with configurable breakpoint
  • Works without JavaScript

Features

  • Navigation arrows on product detail pages
  • SVG icons, custom images, or CSS-only mode
  • Customizable background and border colors
  • Separate hover colors configurable
  • Adjustable arrow and icon size
  • Configurable border radius and border width
  • Freely positionable arrows
  • Fade-in and hover animations
  • Adjustable animation duration
  • Hideable on mobile devices
  • Configurable mobile breakpoint
  • Custom CSS support
  • Per-product category assignment
  • Variant support
  • Shopware 6.4 to 6.7 compatible

About the Extension

Product Arrow Navigation – Browse Between Products Effortlessly

With Product Arrow Navigation, your customers can intuitively browse between products within a category – directly on the product detail page. Stylish arrow buttons on the left and right side enable a seamless shopping experience without having to navigate back to the category listing.

Highlights

  • SEO-optimized: Real HTML links instead of JavaScript – search engines can follow product links
  • No JavaScript required: Navigation works even with JavaScript disabled
  • Responsive design: Configurable mobile detection with adjustable breakpoint
  • Variant support: Intelligent navigation that handles product variants correctly

Three Display Modes

  • SVG mode: Built-in SVG icons for crisp arrows at any size
  • Custom images: Upload your own arrow graphics via the media manager
  • CSS only: Maximum design freedom using CSS exclusively

Extensive Customization Options

  • Background and border colors (normal and hover state)
  • Individually adjustable icon color
  • Arrow and icon size (30–100 px and 16–48 px respectively)
  • Border width and border radius (square to round)
  • Freely configurable arrow positioning
  • Fade-in and hover animations with adjustable duration
  • Custom CSS for complete control over the appearance

Per-Product Category Assignment

Using a custom field, you can individually define for each product which category should be used for navigation – independent of the main category.

Compatibility

Compatible with Shopware 6.4 through 6.7. Easy installation via the Plugin Manager.

Details

  • Available: English, German
  • Latest update: 24 February 2026
  • Version: 1.0.0
  • Category: Detail Page

About the Extension Partner

J&G Agency GmbH

J&G Agency GmbH

Partner Status

  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Partner since: 2025
  • Extensions: 2

Support

  • Based in: Germany
  • Speaks: German, English
  • Response time: Very quickly