Antoine/carhop__plugins__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Introducing the block

Browse Source
This commit is contained in:
Antoine M 2026-04-08 16:09:23 +02:00
parent a8028c4c6f
commit 20f4b9fe73
2 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
plugins/dynamiques-blocks/acf-blocks/random-collection-image/block.json Normal file
View File

@ -0,0 +1,28 @@
{
"name": "acf/random-collection-image",
"title": "Random Collection Image",
"category": "Image aléatoire de collection",
"multiple": false,
"icon": {
"foreground": "#136f63",
"src": "groups"
},
"keywords": [
"image",
"aléatoire",
"collection"
],
"supports": {
"align": [
"full",
"wide"
]
},
"acf": {
"mode": "auto",
"renderTemplate": "random-collection-image.php"
},
"align": [
"wide"
]
}

30
plugins/dynamiques-blocks/acf-blocks/random-collection-image/random-collection-image.php Normal file
View File

@ -0,0 +1,30 @@
<?php
$image_collection = get_field('image_collection');
$random_image_index = rand(0, count($image_collection) - 1);
$random_image = $image_collection[$random_image_index];
$random_image_ratio = $random_image['width'] / $random_image['height'];
$random_image_ratio_class = '';
$caption = $random_image['caption'];
switch ($random_image_ratio) {
case $random_image_ratio > 1.2:
$random_image_ratio_class = 'random-collection-image--landscape';
break;
case $random_image_ratio < 0.8:
$random_image_ratio_class = 'random-collection-image--portrait';
break;
default:
$random_image_ratio_class = 'random-collection-image--square';
break;
}
?>
<figure class="random-collection-image-container prev-overlap-image">
<img src="<?php echo $random_image['url']; ?>" alt="<?php echo $random_image['alt']; ?>" class="random-collection-image prev-overlap-image <?php echo $random_image_ratio_class; ?>" width="<?php echo $random_image['width']; ?>" height="<?php echo $random_image['height']; ?>">
<?php if ($caption) : ?>
<figcaption class="random-collection-image-caption">
<?php echo $caption; ?>
</figcaption>
<?php endif; ?>
</figure>