How to use Orderables in Wagtail CMS

Discover how to use Djangos Inline Models within a Wagtail Page in a feature called Orderable. Orderables let you add moveable content to your page without needing a StreamField. In this video, we'll create a Bootstrap 4 Image Gallery on our Home Page model using an Orderable.
The Learn Wagtail tutorial: learnwagtail.c...
The Gist of it: gist.github.co...
The Full Git Commit: github.com/Cod...
Learn Wagtail from scratch with the official Wagtail for Beginners Course
learnwagtail.c...
Used in this video: Wagtail 2.4, Python 3.7, Django 2.1.5 #Wagtail #Django #Python

[@philippgeisler4590]

Hey Kalob, Usually I have a strong aversion against tutorial videos, because people blow up three lines of actual content to 15 minutes of pure gibberish garnished with an annoying 5-minute intro. In contrast to this waste of lifetime there is a real benefit from watching your videos! For me as a non-native speaker, it is a joy to listen to you. Thank you!

[@CodingForEverybody]

Thank you! That's what I strive for, I also really dislike that. Like why does someone need a 5 minute intro when the title typically sums it up? ¯\_(ツ)_/¯

[@ShaffleOne]

6:29, thank you Kalob! It felt like a year has passed since I noticed it

[@ShaffleOne]

Damn Wagtail is the best CMS and a Django app for me now! I freacking love MultiFieldPanels.

[@23Ranocchia]

Hey, I'm learning Wagtail with your course ! That's really good and I'm doing a lot of progress ! Thank you so much !

[@CodingForEverybody]

Glad you're enjoying these videos Damiano! :D

[@boryskuczkowski]

Great stuff, wagtail is very blog friendly.

[@CodingForEverybody]

Yes, it really is blog friendly. It's also large-application friendly. Because it's built on Django, you can write regular Django models and manage them directly in Wagtail, too. I've made a few applications that are pretty big that have payments, subscriptions, etc. using just Wagtail.

[@boryskuczkowski]

@@CodingForEverybody It seems wagtail is almost like a golden mean where you can easily develop back and front end. As far as payments and subscriptions are concerned - I hope you'll dive into these in your videos :)

[@CodingForEverybody]

@@boryskuczkowski I have a lot of ground to cover in this tutorial series first, but I'm hoping to eventually get into bigger features like payment integration :)

[@kemosabe5120]

This is awesome. Wish you would update for Wagtail 3 +, I can't even build the virtualenv with these older requirements Wagtail 2.8 won't install due to some issue with pillow)

[@schoelwurst3249]

I love this tutorial series! Big thanks. But I would like to increase a html template class by one each loop. Is this possible?

[@schoelwurst3249]

nevermind I found the solution {{ forloop.counter }}

[@gokickrocks3830]

Can this be applied to a custom django function based view, i have a custom view that would really use some of that wagtail image management magic?

[@helderandrade1476]

hello! how can we add more items like title, description on the frontpage? in the loop, apreciate the support :D

[@Atimska]

Can also use forloop.first

[@boasorte6808]

At minute 6:17, the terminal shows me the following error WARNINGS: home.HomePageCarousel: (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'. Everything works the same, but I'm worried about the warning because I'm doing a project with these tutorials, thanks kalob!

[@boasorte6808]

class HomePageCarousel(Orderable): id = models.AutoField(primary_key=True)

[@keipidesu]

Hi! Thanks for this tutorial! I've encountered a bump though.. the carousel images only show on my Preview (in admin page) and not during Live. Any idea on what the problem is?

[@CodingForEverybody]

Did you "Publish" the page, or just "Save Draft"?

[@brahimmzoughi5062]

@@CodingForEverybody & @Keipidesu , i have the same all things works in the back end but nothing showing in the home page , thanks for help

[@vladyslavkalyuzhnyy6556]

Hi! Thx you for your tutorial! I got some error: Unknown field(s) (carousel_images) specified for HomePageCarouselImages How can i fix that? Thx !

[@CodingForEverybody]

You dont have a model field named "carousel_images", or you do and you havent run python manage.py makemigrations yet (most likely)

[@vladyslavkalyuzhnyy6556]

@@CodingForEverybody Thx you for your answer! Could you make tutorial for two language switchers? It will be a great idea for a new video!) Or e-commerce wagtail with checkout and products)

[@masumbillal5792]

Yeah Orderables is more usefull

[@CodingForEverybody]

Orderables make Django Inline Models so much nicer to work with!

[@edisonarango]

But it seems they are not reusable within different page types!