Productvariatie dropdown is niet zichtbaar op de website.

[jtenbrink]

Beste tweakers,

Omdat ik mijn oude account niet kan herstellen omdat het e-mailadres niet meer bestaat, heb ik maar een nieuw account gecreëerd.

Ik ben momenteel een webshopje aan het bouwen in WordPress i.c.m. WooCommerce en het SNSAnton thema. Alles werkt op dit moment naar behoren er is alleen 1 probleem met de weergave van de productvariatie dropdown. Deze dropdownbox (voor in dit geval kleur) is simpelweg niet zichtbaar.

Ik heb al meerdere dingen geprobeerd in de CSS code maar ik krijg hem niet zichtbaar. Ook heb ik contact gezocht met de ontwikkelaar van het thema maar die kan niet op de website komen . Wellicht omdat hij in Vietnam zit en zijn ISP dit blokkeert. Aan mijn kant wordt hij in ieder geval niet geblokkeerd.

Nu is mijn vraag of jullie enig idee hebben waar dit aan kan liggen. Ik heb ook al met Firebug gekeken of ik een CSS code zie die iets niet weergeeft maar daar ligt het naar mijn idee niet aan.

Hebben jullie enig idee?

Link naar de website: http://scheepsbetimmeringhuisman.nl/product/sikaflex-291i/

[marapuru]

De <select> heeft een CSS property Display, die op 'none' staat. Daardoor wordt je hele element verborgen. Het is inline aan de HTML toegevoegd, dus ik vermoed dat dat het is. Er zit ook nog een ander wazig attribuut ("=""), dat kun je naar mijn idee ook weghalen.

code:

<select id="kleur" class="" name="attribute_kleur" data-attribute_name="attribute_kleur" "="" data-show_option_none="yes" style="display: none;">

Als je daar het volgende van maakt, moet het weer werken

code:

<select id="kleur" class="" name="attribute_kleur" data-attribute_name="attribute_kleur" data-show_option_none="yes">

[ Voor 59% gewijzigd door marapuru op 28-03-2017 11:12 ]

[LoeWn]

Wat marapuru zegt.

<select id="kleur" class="" name="attribute_kleur" data-attribute_name="attribute_kleur" "="" data-show_option_none="yes" style="display: none;"><option value="">Een optie kiezen</option><option value="Zwart" selected="selected">Zwart</option><option value="Wit">Wit</option><option value="Bruin">Bruin</option></select>

Je zegt dat je dit met CSS code geprobeerd hebt, maar wat precies dan? Lijkt me niet zo heel moeilijk met bijvoorbeeld:

select#kleur {
display: block !important;
}

Uiteraard is dit een workaround die je eigenlijk niet wilt. Eerst maar 'ns uitzoeken waarom de display: none inline staat en zorgen dat deze verdwijnt.

[jtenbrink]

@LoeWn @marapuru

Dat is inderdaad vast de oorzaak. Ik ga even kijken of ik kan vinden waar ik die inline CSS kan aanpassen. Dit staat vast ergens in de theme files.

Bedankt voor jullie reactie!