Как сделать подобную страницу категорий?

Question

[Nikita Mikheev]

Сделал вот такой набросок, к которому я хочу прийти:


Проблема в том что я никак не соображу что мне делать дальше и какие теги нужно вписывать в шаблон чтобы выводить мне нужную информацию, может нужно views переделать, старался воспользоваться помощью гугла, просмотрел чуть ли не каждую страничкой с упоминанием нужной мне информации но ничего дельного не нашёл. Я хочу сделать страницу категорий точь в точь как на наброске.

Никак не соображу как это воплотить в реальность, в данный момент имею такой функционал (используется django-mptt)

views.py

def show_category(request, hierarchy=None):
    hierarchy = (hierarchy or "").strip("/")  # Remove stray slashes
    if hierarchy:
        category_slug = hierarchy.split('/')
        parent = None

        for slug in category_slug[:-1]:
            parent = Categories.objects.get(parent=parent, slug=slug)

        category = Categories.objects.get(parent=parent, slug=category_slug[-1])
    else:
        category = None

    if category:
        return render(request, 'shop/categories.html', {'instance': category})
    # No category, show top-level content somehow

    category = Categories.objects.all()
    return render(request, 'shop/category.html', {'instance': category})

models.py

class Categories(MPTTModel):
    title = models.CharField(max_length=250, db_index=True)
    slug = models.SlugField(max_length=250, unique=True)
    imagePath = models.ImageField(upload_to='images/categories/', blank=True, verbose_name='Изображение категории')
    parent = TreeForeignKey('self', blank=True, null=True, related_name='children', on_delete=models.CASCADE)

    class MPTTMeta:
        order_insertion_by = ['title']

    class Meta:
        unique_together = (('parent', 'slug',))
        verbose_name_plural = 'categories'

    def get_slug_list(self):
        try:
            ancestors = self.get_ancestors(include_self=True)
        except:
            ancestors = []
        else:
            ancestors = [i.slug for i in ancestors]
        slugs = []
        for i in range(len(ancestors)):
            slugs.append('/'.join(ancestors[:i + 1]))
        return slugs

    def __str__(self):
        return self.title

Шаблонные файлы category и categories: тут

Пожалуйста помогите реализовать эту страничку, уже обратиться некуда. Очень много гуглил, но ничего нужного не нашёл.

Answer 1

[maksam07]

Сделал вот такой набросок, к чему мне нужно прийти

К вот таким страницам категорий:

Может я туговат, но не понимаю, что сделано? Что нужно сделать? Что не получается сделать?
На скриншоте я вижу что изначально есть список категорий (3 блока) и подкатегории в них. Переходишь в подкатегорию и у тебя считай все то же самое: 3 блока с подкатегориями. И я так понимаю, это до бесконечности, пока есть подкатегории. Только начальная страница со списком категорий и другие немного отличаются заголовками.

Comments

[Nikita Mikheev]

Прошу извинить за неправильно заданный вопрос. Изменил.
Если кратко, необходимо создать как в наброске страницу категорий. Никак не получается корректно выводить данные. Получается подобная белиберда

/categories


/categories/window-and-doors-systems

[maksam07]

разберитесь для начала с одной страницей. Незачем писать код в двух/для двух одновременно, если не понимаете, как он работает.
Снова, то что я вижу на первом скриншоте (в описании вопроса), это список категорий (в данном случае 3 блока) и список подкатегорий в каждом блоке (3, 2 и 2 соответственно)

Так же, необходимо понимать как работает mptt. Это не самая легкая библиотека, которую можно просто так использовать.
Возможно данный пост вам в чем-то поможет:
https://stackoverflow.com/questions/70569395/how-t...

[Nikita Mikheev]

maksam07, Большое спасибо! И вправду очень помогло, за что я безумно благодарен! Извини, не подскажешь как лучше написать условия чтобы при наличии продукта в какой-нибудь категорий оно выводилось в начале всех категорий как в моём наброске выше?

Подойдёт ли такой код для решения моего вопроса?

{{ if products }}
        {% for good in products.all %}
             # Вывод продукта в начале, если он есть
        {% endfor %}
{{ endif }}
{{ if categories }}
        {% for cat in categories.get_children %}
             # Вывод карточки категорий и подкатегорий, если они есть
        {% endfor %}
{{ endif }}

Уверен что вывод продуктов не верный, имхо будет вывод всех продуктов что есть в БД.

[maksam07]

nikitamikheev, да, вывод продуктов скорее всего не верный, его нужно тянуть на стороне сервера, исходя из выбранной категории, но т.к. у тебя "товары" и "категории" это разные таблицы, то скорее всего твой пример вполне подходящий

[Nikita Mikheev]

maksam07, Можно вопрос, как получать и правильно передать товары категории в views.py?

def show_category(request, hierarchy=None):
    hierarchy = (hierarchy or "").strip("/")  # Remove stray slashes
    if hierarchy:
        category_slug = hierarchy.split('/')
        parent = None

        for slug in category_slug[:-1]:
            parent = Categories.objects.get(parent=parent, slug=slug)

        category = Categories.objects.get(parent=parent, slug=category_slug[-1])
    else:
        category = None

    if category:
        return render(request, 'shop/categories.html', {'instance': category})
    # No category, show top-level content somehow

    category = Categories.objects.filter(parent=None)
    return render(request, 'shop/category.html', {'categories': category})

[maksam07]

Nikita Mikheev, я слабо разбираюсь во вьюхах через функции, в том числе не вижу как устроена модель товаров, но если "hierarchy" это отсылка на категорию, то просто фильтрация товаров по "category" и результат передаем 3-м аргументом в render, как передаете категорию. В шаблоне уже отрисовываете

[Nikita Mikheev]

Решил свой последний вопрос вот так:

views.py

product = category.products.all()
return render(request, 'shop/categories.html', {'categories': category, 'products': product})

models.py

categoryID = TreeForeignKey('categories', related_name='products', null=True, blank=True, db_column='categoryID', on_delete=models.CASCADE)