Goedemorgen medetweakers,
Sinds afgelopen vrijdag zit ik met een probleem waar ik tot op heden nog niet uit ben gekomen. In mijn Wordpress installatie heb ik een aantal "Custom Fields" aangemaakt met daarin een repeater veld voor het genereren van productblokken. In deze blokken wordt een titel, afbeelding en link weegegeven.
Omdat deze blokken een bepaalde afmeting hebben wil ik dat de afbeeldingen die hierin komen te staan automatisch worden geresized voor de klant zodat zij dit zelf niet hoeven te doen.
In de Wordpress functions heb ik momenteel 3 image sizes gespecificeerd.
Bij de bovenste image sizes gaan het bijsnijden wel goed.
Dit is het kleine php stukje voor de productblokken:
Het repeater veld is als volgt aangemaakt:
Producten (repeater veld)
- Titel [titel]
- Product [product] de afbeelding waarbij ID is aangevinkt
- Link [link]
Boven de bovenstaande php code heb ik ook een wp_reset_query(); geprobeerd maar dit mocht ook niet baten. Hopelijk kan iemand mij helpen
Sinds afgelopen vrijdag zit ik met een probleem waar ik tot op heden nog niet uit ben gekomen. In mijn Wordpress installatie heb ik een aantal "Custom Fields" aangemaakt met daarin een repeater veld voor het genereren van productblokken. In deze blokken wordt een titel, afbeelding en link weegegeven.
Omdat deze blokken een bepaalde afmeting hebben wil ik dat de afbeeldingen die hierin komen te staan automatisch worden geresized voor de klant zodat zij dit zelf niet hoeven te doen.
In de Wordpress functions heb ik momenteel 3 image sizes gespecificeerd.
code:
1
2
3
| add_image_size( 'carousel', 374, 253, true ); add_image_size( 'slide', 1980, 301, true ); add_image_size( 'product', 271, 250, true ); |
Bij de bovenste image sizes gaan het bijsnijden wel goed.
Dit is het kleine php stukje voor de productblokken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <?php
$producten = get_field('producten');
if ( $producten )
{
foreach ( $producten as $product )
{
echo '<a href="'.$product['link'].'" class="blok">';
echo '<h2>';
echo $product['titel'];
echo '</h2>';
echo '<img src="'.$product['sizes']['product'].'">';
echo '</a>';
}
}
?> |
Het repeater veld is als volgt aangemaakt:
Producten (repeater veld)
- Titel [titel]
- Product [product] de afbeelding waarbij ID is aangevinkt
- Link [link]
Boven de bovenstaande php code heb ik ook een wp_reset_query(); geprobeerd maar dit mocht ook niet baten. Hopelijk kan iemand mij helpen