Jinja and Homepage sections

Paul_Frydlewicz · January 28, 2021, 11:21am

Is it possible to use Jinja for homepage sections?

I am using update_website_context and want to show some custom content in homepage sections. I really like the homepage sections. However, it seems Jinja is not parsed inside the hompage section HTML code.

Am I right, that homepage sections do not support Jinja?
If so, how to add Jinja support for homepage sections?

If someone has insight, please advice.
Thank you

sanjay · January 28, 2021, 11:33am

You can use jinja to create home page like below

frappe/base.html at develop · frappe/frappe · GitHub

sanjay · January 28, 2021, 11:35am

For more details refer below repo

Paul_Frydlewicz · January 28, 2021, 11:53am

Thank you for this response. This package looks very interesting.

However, I get an error when installing:

File "......../apps/pagemaster/setup.py", line 27, in <listcomp>
        install_requires=[str(ir.req) for ir in requirements],
    AttributeError: 'ParsedRequirement' object has no attribute 'req'

rmeyer · January 28, 2021, 12:09pm

No need for external apps. Version 13 introduces a Web Page Builder. You can create a Web Template or choose an existing one. A Web Template is a Jinja template for a section of a Web Page. You can compose a Web Page by selecting multiple Web Templates and setting the variables.

Check out the frappe / erpnext websites for an example. Here’s the template for the first section (“Hero with Image”):

github.com

frappe/frappe/blob/develop/frappe/website/web_template/hero_with_right_image/hero_with_right_image.html

<div class="hero-with-right-image">
	<div class="hero-content">
		<div>
			<h1 class="hero-title">
				{{ _(title) }}
			</h1>
			{%- if subtitle -%}
			<p class="hero-subtitle">
				{{ _(subtitle) }}
			</p>
			{%- endif -%}
			<div>
				{%- if primary_action -%}
				<a class="btn btn-lg btn-primary" href="{{ primary_action }}">
					{{ _(primary_action_label) }}
				</a>
				{%- endif -%}
				{%- if secondary_action -%}
				<a class="btn btn-lg btn-primary-light" href="{{ secondary_action }}">
					{{ _(secondary_action_label) }}

This file has been truncated. show original

Our new website was also built with the Web Page Builder.

Paul_Frydlewicz · January 28, 2021, 1:59pm

Great, that looks promising.
But v13 is not release yet, right.
Is there a time schedule when to expect the official release?

I think in the mean time I’ll create a custom web page and later switch back to native homepage.

rmeyer · January 28, 2021, 2:00pm

You could also host a separate frappe v13 instance just for your homepage.

Paul_Frydlewicz · January 28, 2021, 2:08pm

hmm, actually I want to show featured products from the inventory on the website, that’s why I am looking for jinja. For this particular customer need to have an integrated solution.

But that’s no problem. For now I go with a custom homepage.