Woocommerce (WP) product pagina geen afbeelding

Status
Niet open voor verdere reacties.

femke98

Meubilair
Lid geworden
16 dec 2006
Berichten
6.678
Zit een website te maken in WP en woocommerce maar ook met behulp van Elementor. Mooi spul trouwens.

Alle pagina's hebben nu de hoofdafbeelding die ik wil maar de productpagina's willen hem niet ;)
Let op: dit is allemaal nog in testfase.

Homepage: http://sinterklaas.wptest123.nl/
Webshop: http://sinterklaas.wptest123.nl/webshop/

Klik ik een product aan krijg ik dit te zien: http://sinterklaas.wptest123.nl/product-categorie/kostuums-op-voorraad/
Vooralsnog in orde zul je zeggen. Maar dan, als je 1 product aanklikt, dan krijg je dit: http://sinterklaas.wptest123.nl/webshop/kostuums-op-voorraad/groen-rood-gebruikt-maat-xl-xxl/
Weg is de hoofdafbeelding.

Op de pagina waar je producten ingeeft kan je dus geen uitgelichte afbeelding aanwijzen en dat is juist hoe ik deze hoofdafbeelding op de pagina's krijg.
Hoe kan ik die grijze balk veranderen in de hoofdafbeelding (en dan maar zonder naam)?

Zit er al een hele middag op te brouwen hoe dat nou kan en hoe ik het voor elkaar krijg, maar ik kom er niet uit.
Wie helpt?
 
Laatst bewerkt:
Die afbeelding verschijnt niet omdat er geen tekst staat. Dan is de <div> leeg en dus ook niet de achtergrondafbeelding zichtbaar.

Kijk even met Chrome en rechtsklik op de balk met tekst (object inspecteren) en vergelijk dit met de code van de niet werkende pagina. Er ontbreekt een stukje code

<code>
<div class="row"><div class="col-md-10 col-md-offset-1 text-center"><h1 class="hestia-title">KOSTUUMS OP VOORRAAD!!</h1><h5 class="description"></h5></div></div>
</code>
 
Probleem is dat de afbeelding op de pagina's via uitgelichte afbeelding wordt weergegeven.
De tekst van die pagina komt dan vanzelf in die afbeelding.

Als je een product toevoegt, krijg je geen optie om een uitgelichte afbeelding te gebruiken. Wel de productfoto's ;)

Op zich zou een kleur al genoeg zijn, maar het liefst natuurlijk de afbeelding.

Zonder afbeelding:
Code:
<div class="header-filter header-filter-gradient"></div>

Code:
<div id="primary" class="page-header header-small" data-parallax="active" style="transform: translate3d(0px, 0px, 0px);"><div class="container" style="padding-top: 220px;"><div class="row"><div class="col-md-10 col-md-offset-1 text-center"><h1 class="hestia-title">KOSTUUMS OP VOORRAAD!!</h1><h5 class="description"></h5></div></div></div><div class="header-filter" style="background-image: url(http://sinterklaas.wptest123.nl/wp-content/uploads/2018/12/bgpaars1-1-1.png);"></div></div>
 
Opgelost! Hoera!

http://sinterklaas.wptest123.nl/webshop/zwarte-piet-accessoires/zwarte-pieten-bewaarzak/

Het bleek te zitten in het dashboard, dan weergave->header
Daarna aanvinken "Headerafbeelding inschakelen op de volledige site" (afbeelding uiteraard seleceteren)
toen dat eerst niet werkte, heb ik de andere opties (layout van de titel en zo) even veranderd van sectie waar het op stond, en daarna weer terug gezet hoe ik het wil,
en zie daar, het werkt!!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan