Senator main image on homepage

senator/migrations/0008_senatorhomepage_image.py

+# Generated by Django 3.0.5 on 2020-04-17 14:14
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("wagtailimages", "0001_squashed_0021"),
+        ("senator", "0007_senatoraboutpage"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="senatorhomepage",
+            name="image",
+            field=models.ForeignKey(
+                null=True,
+                on_delete=django.db.models.deletion.PROTECT,
+                to="wagtailimages.Image",
+            ),
+        ),
+    ]

senator/models.py

@@ -11,6 +11,9 @@ class SenatorHomePage(Page):
     name = models.CharField("jméno senátora", max_length=250)
     profession = models.CharField("profese", max_length=250)
     district = models.CharField("info o okrsku", max_length=250)
+    image = models.ForeignKey(
+        "wagtailimages.Image", on_delete=models.PROTECT, null=True
+    )
     about = models.TextField("o mně")
     my_work = models.TextField("má práce v senátu")
 
@@ -18,6 +21,7 @@ class SenatorHomePage(Page):
         FieldPanel("name"),
         FieldPanel("profession"),
         FieldPanel("district"),
+        ImageChooserPanel("image"),
         FieldPanel("about"),
         FieldPanel("my_work"),
     ]

senator/templates/senator/senator_home_page.html

 {% extends "senator/base.html" %}
 
 {% load wagtailcore_tags %}
+{% load wagtailimages_tags %}
 
 {% block content %}
 
@@ -34,7 +35,9 @@
                 <div class="vc_column-inner">
                   <div class="wpb_wrapper">
                     <div class="w-image align_center portret">
-                      <div class="w-image-h"><img width="600" height="823" src="https://lukaswagenknecht.cz/wp-content/uploads/2018/06/K_10683-600x823.jpg" class="attachment-us_600_0 size-us_600_0" alt="Lukáš Wagenknecht" srcset="https://lukaswagenknecht.cz/wp-content/uploads/2018/06/K_10683-600x823.jpg 600w, https://lukaswagenknecht.cz/wp-content/uploads/2018/06/K_10683-219x300.jpg 219w, https://lukaswagenknecht.cz/wp-content/uploads/2018/06/K_10683-768x1053.jpg 768w, https://lukaswagenknecht.cz/wp-content/uploads/2018/06/K_10683-747x1024.jpg 747w" sizes="(max-width: 600px) 100vw, 600px" /></div>
+                      <div class="w-image-h">
+                        {% image page.image fill-600x823 class="attachment-us_600_0 size-us_600_0" %}
+                      </div>
                     </div>
                   </div>
                 </div>