Spring til indhold
DBR Plugins

DBR Mix & Match Variants — Guide

Kom godt i gang med Mix & Match

Med DBR Mix & Match Variants sælger du faste produktpakker, hvor kunden selv sammensætter varianterne — fx en 3-pak, hvor kunden vælger farverne. Pakken er ét simpelt produkt, der trækker valgmuligheder og lager direkte fra et eksisterende variabelt produkts variationer. Der oprettes altså ingen tusindvis af kombinations-varianter.

Sådan opsætter du en pakke

  1. Kilde-produkt: Opret (eller genbrug) et variabelt produkt med de varianter kunden skal vælge imellem — fx farver eller størrelser — med lager på hver variation. Vil du kun sælge pakken, kan du sætte kilde-produktet til “skjult” i katalog-synligheden.
  2. Pakke-produkt: Opret et simpelt produkt (fx “3-pak”) og åbn fanen Mix & Match i produktdata.
  3. Sæt flueben i Aktivér Mix & Match, og vælg kilde-produktet, antal valg og prismodel.
  4. Kunden sammensætter pakken på produktsiden — og lageret trækkes fra kilde-varianterne.

Prismodeller

  • Fast pakkepris: Pakken koster produktets egen pris, uanset hvilke varianter kunden vælger.
  • Sum af de valgte varianter: Prisen beregnes ud fra kundens valg. Produktsiden viser “fra X kr.” og opdaterer til den faktiske sum, når pakken er komplet.

Lagerstyring

Lageret trækkes fra de valgte kilde-variationer ved køb — og gendannes ved annullering/refundering. Udsolgte varianter kan ikke vælges, og kunden kan ikke vælge flere end der er på lager. Lageret tjekkes både ved læg-i-kurv og igen på checkout.

Bedre sammen med DBR Variant Manager

Har du også DBR Variant Manager aktivt, bruger pakkerne automatisk dine variant-sæts labels. Det er en bonus — Mix & Match fungerer 100% selvstændigt på ethvert variabelt WooCommerce-produkt.

Tilpas designet med CSS

Hele pakke-byggeren er bygget med faste CSS-klasser, så du frit kan tilpasse udseendet fra dit temas stylesheet eller under Customizer → Ekstra CSS. De vigtigste klasser:

  • .dbrmm-builder — hele byggeren. Her kan du overstyre farve-variablerne --dbrmm-primary og --dbrmm-primary-light.
  • .dbrmm-heading — overskriften “Sammensæt din pakke” (.dbrmm-count er tallet i parentes).
  • .dbrmm-slots — beholderen om vælgerne. Varianter: .dbrmm-slots--stacked (under hinanden), .dbrmm-slots--inline (side om side) og .dbrmm-slots--nobox (uden boks).
  • .dbrmm-slot — én vælger. .dbrmm-slot-label er overskriften over den.
  • .dbrmm-select — selve dropdown-feltet (i dropdown-visningen).
  • .dbrmm-option — én knap- eller billed-valgmulighed. Tilstande: .is-selected (valgt), .is-disabled (spærret) og .is-soldout (udsolgt).
  • .dbrmm-summary — opsummerings-boksen. .dbrmm-summary-total er pakkeprisen, og .dbrmm-total-amount er selve beløbet.
  • .dbrmm-notice — hjælpeteksten under vælgerne.

Eksempel — gør den valgte knap orange og giv side-om-side-visningen mere luft:

.dbrmm-builder { --dbrmm-primary: #e8590c; }
.dbrmm-option.is-selected { border-color: #e8590c; }
.dbrmm-slots--inline { gap: 20px; }