logo

Extra Block Types (EBT) - Nuova esperienza con Layout Builder❗

Extra Block Types (EBT) - tipi di blocchi stilizzati e personalizzabili: Slideshows, Tabs, Cards, Accordion e molti altri. Impostazioni integrate per sfondo, DOM Box, plugin javascript. Vivi oggi il futuro della costruzione dei layout.

Demo moduli EBT Scarica moduli EBT

❗Extra Paragraph Types (EPT) - Nuova esperienza con Paragraphs

Extra Paragraph Types (EPT) - insieme di moduli basati su paragrafi in modo analogo.

Demo moduli EPT Scarica moduli EPT

Scorri

selezione del colore in linea (attributi fancy di commercio)

22/02/2025, by Anonimo (non verificato)

Buongiorno! Per favore, aiutatemi. 

Il problema è che non riesco a disporre la selezione del colore del prodotto commerce fancy attributes  in linea, adesso appare così - http://floomby.ru/s1/yYjG82 . I miei tentativi di scrivere il css sono stati infruttuosi... Spero davvero che possiate aiutarmi, ditemi cosa devo scrivere in page.css.

 

Ecco il codice:

  <label for="edit-attributes-field-colors">Seleziona colore: </label>

 <div id="edit-attributes-field-colors" class="form-radios"><div class="form-item form-type-radio form-item-attributes-field-colors">

 <input type="radio" id="edit-attributes-field-colors-34" name="attributes[field_colors]" value="34" checked="checked" class="form-radio" />  <label class="option" for="edit-attributes-field-colors-34">Bianco </label>

 

<div class="description"><div class="description-selected"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="Bianco" style="background-color: #ffffff;" class="commerce-fancy-attributes-color"></div></div></div></div></div></div>

</div>

<div class="form-item form-type-radio form-item-attributes-field-colors">

 <input type="radio" id="edit-attributes-field-colors-35" name="attributes[field_colors]" value="35" class="form-radio" />  <label class="option" for="edit-attributes-field-colors-35">Nero </label>

 

<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="Nero" style="background-color: #000000;" class="commerce-fancy-attributes-color"></div></div></div></div></div>

</div>

<div class="form-item form-type-radio form-item-attributes-field-colors">

 <input type="radio" id="edit-attributes-field-colors-36" name="attributes[field_colors]" value="36" class="form-radio" />  <label class="option" for="edit-attributes-field-colors-36">Beige </label>

 

<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="Beige" style="background-color: #FF9966;" class="commerce-fancy-attributes-color"></div></div></div></div></div>

</div>

</div>

</div>