User Manual
Menu
Close
User Manual

Option

This is the option molecule. This molecule is specifically used on detail pages of products. Option blocks are very flexible, here you can find the possible properties:

  • Image & Alt text
  • Description
  • Size info (optional)
  • 'is-disabled' class (optional)
  • Price (optional)
  • Tooltip (optional)

_option

option info

fotoboek XL

XL (38,95 x 28,10)

€ 12,95*

Harde cover
Een harde kaft valt enkel te combineren met een Large of Medium fotoboek.

Hard


      
        
      

  
    
        <div class="m-option ">
            <div class="m-option__image-container <!-- state class -->">
                <img src="<!-- img src -->" alt="<!-- img alt -->" class="m-option__image">
                
                
	<div class="m-tooltip ">
		<span class="m-tooltip__text"><!-- text --></span>
	</div>

                
            </div>
            <p class="m-option__description"><!-- text -->
            
                <span class="m-option__extra-info"><!-- text --></span>
            
            </p>
            
            <p class="m-option__price-tag"><!-- price tag --></p>
            
        </div>
    



    
      

      
    

This is a title

this is usage documentation is written in markdown