split mobile & desktop image

main/blocks.py

@@ -97,7 +97,12 @@ class HomePageCarouseSlideBlock(StructBlock):
     mobile_line_2 = TextBlock(label="Druhý mobilní řádek")
     mobile_line_3 = TextBlock(label="Třetí mobilní řádek")
 
-    image = ImageChooserBlock(label="Obrázek nahrazující animaci", required=False)
+    desktop_image = ImageChooserBlock(
+        label="Obrázek nahrazující animaci (desktop)", required=False
+    )
+    mobile_image = ImageChooserBlock(
+        label="Obrázek nahrazující animaci (mobil / tablet)", required=False
+    )
 
     button_url = URLBlock(
         label="Odkaz tlačítka",

main/migrations/0069_alter_mainhomepage_content.py

+# Generated by Django 4.1.10 on 2024-01-17 15:52
+
+from django.db import migrations
+import main.blocks
+import wagtail.blocks
+import wagtail.fields
+import wagtail.images.blocks
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("main", "0068_alter_mainhomepage_content"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="mainhomepage",
+            name="content",
+            field=wagtail.fields.StreamField(
+                [
+                    (
+                        "carousel",
+                        wagtail.blocks.StructBlock(
+                            [
+                                (
+                                    "desktop_line_1",
+                                    wagtail.blocks.TextBlock(
+                                        label="Desktop první řádek"
+                                    ),
+                                ),
+                                (
+                                    "desktop_line_2",
+                                    wagtail.blocks.TextBlock(
+                                        label="Desktop druhý řádek"
+                                    ),
+                                ),
+                                (
+                                    "mobile_line_1",
+                                    wagtail.blocks.TextBlock(
+                                        label="První mobilní řádek"
+                                    ),
+                                ),
+                                (
+                                    "mobile_line_2",
+                                    wagtail.blocks.TextBlock(
+                                        label="Druhý mobilní řádek"
+                                    ),
+                                ),
+                                (
+                                    "mobile_line_3",
+                                    wagtail.blocks.TextBlock(
+                                        label="Třetí mobilní řádek"
+                                    ),
+                                ),
+                                (
+                                    "desktop_image",
+                                    wagtail.images.blocks.ImageChooserBlock(
+                                        label="Obrázek nahrazující animaci (desktop)",
+                                        required=False,
+                                    ),
+                                ),
+                                (
+                                    "mobile_image",
+                                    wagtail.images.blocks.ImageChooserBlock(
+                                        label="Obrázek nahrazující animaci (mobil / tablet)",
+                                        required=False,
+                                    ),
+                                ),
+                                (
+                                    "button_url",
+                                    wagtail.blocks.URLBlock(
+                                        help_text="Bez odkazu tlačítko nebude viditelné.",
+                                        label="Odkaz tlačítka",
+                                        required=False,
+                                    ),
+                                ),
+                                (
+                                    "button_text",
+                                    wagtail.blocks.CharBlock(
+                                        label="Text tlačítka", required=False
+                                    ),
+                                ),
+                            ]
+                        ),
+                    ),
+                    (
+                        "news",
+                        wagtail.blocks.StructBlock(
+                            [
+                                (
+                                    "title",
+                                    wagtail.blocks.CharBlock(
+                                        help_text="Nejnovější články se načtou automaticky",
+                                        label="Titulek",
+                                    ),
+                                ),
+                                (
+                                    "description",
+                                    wagtail.blocks.TextBlock(label="Popis"),
+                                ),
+                            ],
+                            template="styleguide2/includes/organisms/articles/articles_section.html",
+                        ),
+                    ),
+                    ("europarl_news", wagtail.blocks.StructBlock([])),
+                    (
+                        "people",
+                        wagtail.blocks.StructBlock(
+                            [
+                                (
+                                    "title_line_1",
+                                    wagtail.blocks.CharBlock(
+                                        label="První řádek titulku"
+                                    ),
+                                ),
+                                (
+                                    "title_line_2",
+                                    wagtail.blocks.CharBlock(
+                                        label="Druhý řádek titulku"
+                                    ),
+                                ),
+                                (
+                                    "description",
+                                    wagtail.blocks.TextBlock(label="Popis"),
+                                ),
+                                (
+                                    "list",
+                                    wagtail.blocks.ListBlock(
+                                        main.blocks.BoxBlock, label="Boxíky"
+                                    ),
+                                ),
+                            ]
+                        ),
+                    ),
+                    (
+                        "regions",
+                        wagtail.blocks.StructBlock(
+                            [
+                                (
+                                    "title",
+                                    wagtail.blocks.CharBlock(
+                                        help_text="Články pro regiony se načtou automaticky",
+                                        label="Titulek",
+                                    ),
+                                )
+                            ]
+                        ),
+                    ),
+                    (
+                        "boxes",
+                        wagtail.blocks.StructBlock(
+                            [
+                                ("title", wagtail.blocks.CharBlock(label="Nadpis")),
+                                (
+                                    "list",
+                                    wagtail.blocks.ListBlock(
+                                        main.blocks.BoxBlock, label="Boxíky"
+                                    ),
+                                ),
+                                (
+                                    "image",
+                                    wagtail.images.blocks.ImageChooserBlock(
+                                        label="Obrázek pozadí", required=False
+                                    ),
+                                ),
+                            ]
+                        ),
+                    ),
+                ],
+                blank=True,
+                use_json_field=True,
+                verbose_name="Hlavní obsah",
+            ),
+        ),
+    ]

shared/templates/styleguide2/includes/molecules/menus/carousel.html

@@ -20,11 +20,11 @@
           lg:hidden
         "
 
-        {% if not self.image %}
+        {% if not self.mobile_image %}
           src="{% static 'styleguide2/images/background-images/bg-flag-mobile.gif' %}"
         {% else %}
-          {% image self.image original as background_image %}
-          src="{{ background_image.url }}"
+          {% image self.mobile_image original as mobile_background_image %}
+          src="{{ mobile_background_image.url }}"
         {% endif %}
 
         draggable="false"
@@ -35,7 +35,14 @@
           header-carousel--image
           hidden lg:block
         "
-        src="{% static 'styleguide2/images/background-images/bg-flag.webp' %}"
+
+        {% if not self.desktop_image %}
+          src="{% static 'styleguide2/images/background-images/bg-flag.webp' %}"
+        {% else %}
+          {% image self.desktop_image original as desktop_background_image %}
+          src="{{ desktop_background_image.url }}"
+        {% endif %}
+
         draggable="false"
       >