From f759f3de384e5f1ccb7c2b41cf5dab65bda1fd0f Mon Sep 17 00:00:00 2001 From: Smith Ellis Date: Fri, 6 Sep 2024 14:05:39 -0400 Subject: [PATCH] Templates for Wagtail - product_card_preview - the template for a product card - product_wagtail - a single product template - products_wagtail - a multiple products template --- .../jinja2/products/product_card_preview.html | 26 +++++++ .../jinja2/products/product_wagtail.html | 74 +++++++++++++++++++ .../jinja2/products/products_wagtail.html | 37 ++++++++++ 3 files changed, 137 insertions(+) create mode 100644 kitsune/products/jinja2/products/product_card_preview.html create mode 100644 kitsune/products/jinja2/products/product_wagtail.html create mode 100644 kitsune/products/jinja2/products/products_wagtail.html diff --git a/kitsune/products/jinja2/products/product_card_preview.html b/kitsune/products/jinja2/products/product_card_preview.html new file mode 100644 index 00000000000..55346e07dce --- /dev/null +++ b/kitsune/products/jinja2/products/product_card_preview.html @@ -0,0 +1,26 @@ +{% extends "base.html" %} +{% set title = _('Products') %} +{% block contentwrap %} +
+
+
+
+ {{ object.title }} +
+

+ + {{ object.title }} PRODUCT CARD + +

+

{{ object.description }}

+
+
+
+
+
+{% endblock %} diff --git a/kitsune/products/jinja2/products/product_wagtail.html b/kitsune/products/jinja2/products/product_wagtail.html new file mode 100644 index 00000000000..bf5c60944c8 --- /dev/null +++ b/kitsune/products/jinja2/products/product_wagtail.html @@ -0,0 +1,74 @@ +{% extends "base.html" %} +{% set product = page.product %} +{% from 'includes/common_macros.html' import for_contributors_sidebar, download_firefox, featured_articles %} +{% from 'products/includes/topic_macros.html' import help_topics, topic_metadata with context %} +{% set crumbs = [(None, pgettext('DB: products.Product.title', product.title))] %} +{% set classes = 'product-landing' %} +{% set search_params = {'product': product.slug} %} +{% set extra_body_attrs = {'data-product-slug': product.slug} %} +{% set canonical_url = canonicalize(model_url=product.get_absolute_url()) %} +{% set ga_products = "/" + product.slug + "/" %} +{% set ga_content_group = "product-home" %} + +{% block title %}{{ _('{product} Help')|f(product=pgettext('DB: products.Product.title', product.title)) }}{% endblock %} + +{% block base_container_classes %}container_wide{% endblock %} + +{% block hidden_search_masthead %}{% endblock %} + +{% block masthead %} + +{% for block in page.body %} + {%if block.block_type == 'search' %} + {% include_block block %} + {% endif %} +{% endfor %} +{% endblock %} + +{% block contentwrap %} +
+ +{% for block in page.body %} + {% if block.block_type == 'text' %} +
+ {% include_block block %} +
+ {% endif %} +{% endfor %} + +{% for block in page.body %} + {% if block.block_type == 'frequent_topics' %} + {% include_block block %} + {% endif %} +{% endfor %} + +{% if page.body.first_block_by_name('featured_articles') %} +
+

{{ _('Featured Articles') }}

+
+
+ {% for block in page.body %} + {% if block.block_type == 'featured_articles' %} + {% include_block block %} + {% endif %} + {% endfor %} +
+
+
+{% endif %} + +{% for block in page.body %} + {% if block.block_type == 'cta' %} + {% include_block block %} + {% endif %} +{% endfor %} + + +
+ +{% endblock %} + +{% block for_contributors %}{% endblock %} + +{% block outer_side %} +{% endblock %} diff --git a/kitsune/products/jinja2/products/products_wagtail.html b/kitsune/products/jinja2/products/products_wagtail.html new file mode 100644 index 00000000000..f102b902f1b --- /dev/null +++ b/kitsune/products/jinja2/products/products_wagtail.html @@ -0,0 +1,37 @@ +{% extends "base.html" %} +{% from 'products/includes/product_macros.html' import product_cards with context %} + +{% set crumbs = [(None, title)] %} +{% set canonical_url = canonicalize(viewname='products') %} +{% set ga_content_group = "list-products" %} + +{% block hidden_search_masthead %}{% endblock %} + +{% block masthead %} +
+
+ {% block breadcrumbs %} + {{ breadcrumbs(crumbs, id='main-breadcrumbs') }} + {% endblock %} +
+
+
+

{{ page.title }}

+ {{ search_box(settings, id='support-search-masthead', params=search_params) }} +
+
+
+{% endblock %} + + +{% block contentwrap %} +
+
+
+ {% for block in page.body %} + {{ block.render() }} + {% endfor %} +
+
+
+{% endblock %}