This demo showcases the Immediate Redirect feature, a powerful integration tool that transforms
the widget from a display tool into an intelligent routing system that sends users directly to
your pre-filtered product catalog.

How Immediate Redirect Works:

Instead of displaying wheel fitment results within the widget, the Immediate Redirect feature:

1. Captures User Selection: User completes vehicle selection in the widget
2. Generates Dynamic URL: Widget constructs shop URL with all fitment parameters
3. Automatic Redirect: Browser immediately navigates to your shop
4. Pre-filtered Catalog: Shop displays only compatible products for selected vehicle

Zero Friction Shopping Experience:
- No extra clicks required - selection triggers instant redirect
- All technical specifications passed automatically
- Shop catalog pre-filtered to exact fitment requirements
- Seamless user journey from selection to purchase

Demo Configuration:

This demo redirects to:
https://my-wheel-shop.com/catalog/?[fitment-parameters]

Dynamic Parameters Passed:

For each wheel option, the following data is transmitted via URL parameters:

Per-Wheel Parameters (numbered sequentially):
- wheel_front_rim_diameter_1 - Front rim diameter (e.g., "17")
- wheel_front_rim_width_1 - Front rim width (e.g., "7.5")
- wheel_front_rim_offset_1 - Front rim offset (e.g., "34")
- wheel_front_tire_1 - Front tire size (e.g., "225/45R17")
- wheel_front_tire_aspect_ratio_1 - Aspect ratio (e.g., "45")
- wheel_is_stock_1 - OE status (true/false)

URL Structure Example:

https://my-wheel-shop.com/catalog/
?wheel_front_rim_diameter_1=17
&wheel_front_rim_width_1=7.5
&wheel_front_rim_offset_1=34
&wheel_front_tire_1=225/45R17
&wheel_front_tire_aspect_ratio_1=45
&wheel_is_stock_1=true
&wheel_front_rim_diameter_2=18
&wheel_front_rim_width_2=8.0
&wheel_front_rim_offset_2=35
&wheel_front_tire_2=225/40R18
&wheel_front_tire_aspect_ratio_2=40
&wheel_is_stock_2=false

Available Template Variables:

The Immediate Redirect field supports the complete template variable system, allowing you to pass
any combination of data to your shop:

Vehicle Identification:
- {{ make.name }}, {{ make.slug }}
- {{ model.name }}, {{ model.slug }}
- {{ start_year }}, {{ end_year }}
- {{ generation.name }}, {{ generation.platform }}
- {{ trim }}, {{ name }}, {{ slug }}

Engine & Technical Specs:
- {{ engine.fuel }}, {{ engine.capacity }}, {{ engine.type }}
- {{ engine.power.kW }}, {{ engine.power.hp }}
- {{ technical.bolt_pattern }}, {{ technical.centre_bore }}
- {{ technical.wheel_fasteners.thread_size }}

Wheel Loop Variables:

  {% for wheel in wheels %}
    {{ wheel.front.rim_diameter }}
    {{ wheel.front.rim_width }}
    {{ wheel.front.rim_offset }}
    {{ wheel.front.tire }}
    {{ wheel.front.tire_width }}
    {{ wheel.front.tire_aspect_ratio }}
    {{ wheel.front.load_index }}
    {{ wheel.front.speed_index }}
    {{ wheel.front.tire_pressure.bar }}
    {{ wheel.is_stock }}
    {{ wheel.is_runflat_tires }}
    {{ wheel.is_recommended_for_winter }}
    <!-- All rear wheel variables: wheel.rear.* -->
  {% endfor %}

Loop Helpers for Clean URLs:
- {{ loop.index }} - Sequential numbering (1, 2, 3...)
- {{ loop.first }} - Detect first iteration
- {% if not loop.first %}&{% endif %} - Add parameter separator

Implementation Example:

Basic Redirect (single parameter):
https://shop.com/wheels?vehicle={{ make.slug }}-{{ model.slug }}-{{ start_year }}

Multi-Parameter Redirect (comprehensive):
https://shop.com/catalog/
?make={{ make.slug }}
&model={{ model.slug }}
&year={{ start_year }}
&bolt_pattern={{ technical.bolt_pattern }}
{% for wheel in wheels %}
&diameter_{{ loop.index }}={{ wheel.front.rim_diameter }}
&width_{{ loop.index }}={{ wheel.front.rim_width }}
&tire_{{ loop.index }}={{ wheel.front.tire }}

Advanced Redirect (conditional logic):
https://shop.com/search?
vehicle={{ make.name }}{{ model.name }}}
{% for wheel in wheels %}
{% if wheel.is_stock %}
&oe_tire={{ wheel.front.tire }}
{% else %}
&upgrade_tire={{ wheel.front.tire }}
{% endif %}