Wagtail tutorial

Hello, I’m following this tutorial:

This is my main question:

Other points:

I see this in the terminal:


home.ProductCustomField: (models.W042) Auto-created primary key used when not defining a primary key type, by default ‘django.db.models.AutoField’.

HINT: Configure the DEFAULT_AUTO_FIELD setting or the AppConfig.default_auto_field attribute to point to a subclass of AutoField, e.g. ‘django.db.models.BigAutoField’.

The template code has some 404s > localhost:8000/media/original_images/The%20Shopping%20Cart%20Shop%20nobg%20Small.svg


The mobile nav hamburger and x icons are huge taking the full width of the page if the mobile section is not uncommented out.

Not sure where this file comes from:

   <script type="text/javascript" src="{% static 'js/snipcartwagtaildemo.js' %}"></script>

In section 5.1 I believe it is meant to be product_page.html and {% endblock %}

Add this to the home_page.html before {% endlock %}:

<!-- /.home/templates/home/home_page.html -->
{% extends "base.html" %}
{% load wagtailimages_tags %}

{% block content %}

<div class="relative bg-local bg-cover bg-center h-screen"
  style="background-image: url(media/original_images/CartCoverLudo-Charles.jpg)">

Can someone please confirm?