Upselling Option

colors

Größe: 2er Pak
<div class="upselling-option"> <div class="upselling-option-header"> <strong>Größe:</strong> <span class="property">2er Pak</span> </div> <div class="upselling-option-body"> <ul> <li class="active"> <a data-property="Black"> <div class="color-item"> <span class="color bg--printer-black"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Cyan, Magenta"> <div class="color-item"> <span class="color bg--printer-cyan"><!-- --></span> <span class="color bg--printer-magenta"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Yellow, Cyan, Magenta"> <div class="color-item"> <span class="color bg--printer-yellow"><!-- --></span> <span class="color bg--printer-cyan"><!-- --></span> <span class="color bg--printer-magenta"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Black, Yellow, Magenta, Cyan"> <div class="color-item"> <span class="color bg--printer-black"><!-- --></span> <span class="color bg--printer-yellow"><!-- --></span> <span class="color bg--printer-magenta"><!-- --></span> <span class="color bg--printer-cyan"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Black, White, Magenta, Cyan, Yellow"> <div class="color-item"> <span class="color bg--printer-black"><!-- --></span> <span class="color bg--printer-white"><!-- --></span> <span class="color bg--printer-magenta"><!-- --></span> <span class="color bg--printer-cyan"><!-- --></span> <span class="color bg--printer-yellow"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Black, White, Magenta, Cyan, Yellow, Black, White, Cyan"> <div class="color-item"> <span class="color bg--printer-black"><!-- --></span> <span class="color bg--printer-white"><!-- --></span> <span class="color bg--printer-magenta"><!-- --></span> <span class="color bg--printer-cyan"><!-- --></span> <span class="color bg--printer-yellow"><!-- --></span> <span class="color bg--printer-black"><!-- --></span> <span class="color bg--printer-white"><!-- --></span> <span class="color bg--printer-cyan"><!-- --></span> </div> </a> </li> <li class=""> <a data-property="Grey, Orange, Red, Green, Blue, Clear"> <div class="color-item"> <span class="color bg--printer-grey"><!-- --></span> <span class="color bg--printer-orange"><!-- --></span> <span class="color bg--printer-red"><!-- --></span> <span class="color bg--printer-green"><!-- --></span> <span class="color bg--printer-blue"><!-- --></span> <span class="color bg--printer-clear"><!-- --></span> </div> </a> </li> </ul> </div> </div>

Upselling Option Pattern

  • webshop
Größe: 2er Pak
<div class="upselling-option"> <div class="upselling-option-header"> <strong>Größe:</strong> <span class="property">2er Pak</span> </div> <div class="upselling-option-body"> <ul> <li class="text-item active"><a href="#" data-property="2er Pak">2er Pak</a></li> <li class="text-item"><a href="#" data-property="3er Pak">3er Pak </a></li> <li class="text-item"><a href="#" data-property="4er Pak">4er Pak</a></li> </ul> </div> </div>