Hey!
I’m working on the custom module for blog article template
I’m making an optional subheading for posts. When I’m trying to update the custom “Article Subheading” field - some fields are dissappears like article title and tags. The content of this fields appears only page reloading
This is screenshot when I filled the field content and reload the page: https://prnt.sc/1ULy_tWCjmjN
And here the screenshot before page reloading, but after updating the custom field: Screenshot by Lightshot
Why is this happening? How can I make fields be visible without reloading?
Hi @belekate ,
Does the title and tags are still visible when previewing the post? Have you any condition in your blog post file that could make disappear title and tags?
Bests,
Matthieu
Here is the code part of blog post header:
Spoiler
<div class=“blog-post-header{% if module.article_image.src %} blog-post-header–media{% endif %}”>
<div class=“blog-post-header__wrap”>
{% if module.article_image.src %}
<div class=“blog-post-header__media”>
<div class=“blog-post-header__picture-wrap”>
<div class=“blog-post-header__picture”>
<img
class=“blog-post-header__image”
src=“{{ module.article_image.src }}”
{% if module.article_image.alt %}
alt=“{{ module.article_image.alt }}”
{% else if %}
alt=“Article Image”
{% endif %}
>
</div>
</div>
</div>
{% endif %}
<div class=“blog-post-header__content”>
<div class=“blog-post-header__share share”>
<div class=“share__list”>
<div class=“share__item”>
<a
class=“share__link share__link--twitter”
href=“javascript:;”
title=“twitter”
target=“_self”
onclick=“window.open(‘https://twitter.com/intent/tweet?url={{content.absolute_url}}','Twitter Share’,‘width=600,height=600’)”
>
<svg width=“12” height=“10” viewBox=“0 0 12 10” fill=“none” xmlns=“SVG namespace”>
<path d=“M11.6 1.52707C11.1812 1.71295 10.7365 1.8353 10.28 1.88942C10.76 1.60236 11.12 1.1506 11.2894 0.616478C10.8377 0.884714 10.3459 1.07295 9.83059 1.17413C8.96236 0.249422 7.50589 0.204714 6.58118 1.07295C6.12 1.50589 5.85647 2.11295 5.85647 2.74589C5.85647 2.92236 5.87765 3.09883 5.9153 3.2706C4.06824 3.18118 2.34824 2.31295 1.17647 0.882362C0.571768 1.92942 0.880004 3.26589 1.88236 3.94119C1.51765 3.92942 1.16001 3.8306 0.840005 3.65413V3.68472C0.840005 4.77883 1.61177 5.72001 2.68471 5.93648C2.34589 6.02825 1.99059 6.04001 1.64706 5.97648C1.94824 6.91295 2.80941 7.5553 3.79294 7.57177C2.97883 8.20942 1.97412 8.55295 0.94118 8.5506C0.757651 8.5506 0.574121 8.53884 0.392944 8.51766C1.44471 9.19531 2.67059 9.5553 3.92236 9.5506C8.15765 9.5506 10.4612 6.04942 10.4612 3.01413V2.7153C10.9082 2.3906 11.2941 1.98825 11.6 1.52707Z” />
</svg>
</a>
</div>
<div class=“share__item”>
<a
class=“share__link share__link--facebook”
href=“javascript:;”
title=“facebook”
target=“_self”
onclick=“window.open(‘http://www.facebook.com/sharer/sharer.php?u={{content.absolute_url}}','Facebook Share’,‘width=600,height=600’)”
>
<svg width=“12” height=“12” viewBox=“0 0 12 12” fill=“none” xmlns=“SVG namespace”>
<path d=“M10.8659 0.531738H1.13412C0.802356 0.531738 0.531769 0.802326 0.531769 1.13409V10.8659C0.531769 11.1976 0.802356 11.4682 1.13412 11.4682H6.37412V7.23292H4.94118V5.58586H6.36706V4.36703C6.36706 2.95527 7.22824 2.18586 8.48471 2.18586C8.91059 2.18586 9.33412 2.20703 9.75765 2.25174V3.72703H8.88471C8.19765 3.72703 8.06588 4.05409 8.06588 4.53174V5.58586H9.70118L9.48706 7.23292H8.0753V11.4682H10.8635C11.1953 11.4682 11.4659 11.1976 11.4659 10.8659V1.13409C11.4659 0.802326 11.1976 0.534091 10.8659 0.531738Z” />
</svg>
</a>
</div>
<div class=“share__item”>
<a
class=“share__link share__link--linkedin”
href=“javascript:;”
title=“linkedin”
target=“_self”
onclick=“window.open(‘http://www.linkedin.com/shareArticle?mini=true&url={{content.absolute_url}}','LinkedIn Share’,‘width=600,height=600’)”
>
<svg width=“12” height=“12” viewBox=“0 0 12 12” fill=“none” xmlns=“SVG namespace”>
<path d=“M0.54353 4.08473H2.86588V11.553H0.54353V4.08473ZM1.70588 0.374146C2.44941 0.374146 3.05177 0.976499 3.05177 1.72003C3.05177 2.46356 2.44941 3.06591 1.70588 3.06591C0.962354 3.06591 0.360001 2.46356 0.360001 1.72003C0.360001 0.976499 0.962354 0.374146 1.70588 0.374146Z” />
<path d=“M4.32235 4.08472H6.54588V5.10589H6.58823C7.04235 4.32942 7.8847 3.86825 8.78353 3.90119C11.1365 3.90119 11.5671 5.44707 11.5671 7.45648V11.553H9.24706V7.92237C9.24706 7.05648 9.23294 5.94119 8.04235 5.94119C6.85176 5.94119 6.64941 6.88236 6.64941 7.85884V11.553H4.33176L4.32235 4.08472Z” />
</svg>
</a>
</div>
</div>
</div>
<div class=“blog-post-header__tags tags”>
<ul class=“tags__list”>
{% set topics = content.tagList %}
{% for item in topics %}
<li class=“tags__item”>
<a href=“{{ blog_tag_url(group.id, item.slug) }}” class=“tags__link”>{{ item }}</a>
</li>
{% if not loop.last %}
<span class=“tags__separator”>,</span>
{% endif %}
{% endfor %}
</ul>
</div>
<h1 class=“blog-post-header__title”>{{ content.name }}</h1>
<h2 class=“blog-post-header__subtitle”>{{ module.article_subtitle }}</h2>
<div class=“blog-post-header__author author”>
<div class=“author__media”>
{% if content.blog_post_author.avatar %}
<img class=“author__image” src=“{{ content.blog_post_author.avatar }}” alt=“{{ content.blog_post_author.display_name }}” width=“200” loading=“eager”>
{% else %}
<svg width=“1000” height=“1000” viewBox=“0 0 1000 1000” class=“HOi00”>
<circle cx=“500” cy=“500” r=“500” fill=“#cccccc”></circle>
<path fill=“#a0a09f” d=“M830.8,874.927c-77.344-60.8-187.181-104.877-227.88-111.347-20.335-3.233-20.8-59.1-20.8-59.1s59.746-59.106,72.768-138.584c35.029,0,56.666-84.5,21.631-114.226C677.986,420.37,721.551,206,501,206S324.015,420.37,325.473,451.666c-35.033,29.729-13.4,114.226,21.632,114.226,13.021,79.478,72.77,138.584,72.77,138.584s-0.464,55.871-20.8,59.1c-40.883,6.5-151.537,50.943-228.934,112.176C65.84,784.12,0,649.751,0,500,0,223.858,223.858,0,500,0s500,223.858,500,500C1000,649.3,934.559,783.311,830.8,874.927ZM500,1000h0Z”></path>
</svg>
{% endif %}
</div>
<div class=“author__content”>
<div class=“author__name”>
{{ content.blog_post_author.display_name }}
</div>
<div class=“author__date”>
<time datetime=“{{ content.publish_date_local_time|datetimeformat(‘%B %e, %Y’) }}”>{{ content.publish_date_local_time|datetimeformat(‘%B %e, %Y’) }}</time>
</div>
</div>
</div>
</div>
</div>
</div>
This module I connected to the blog template like this:
Spoiler
{% module “module_16705969001822” path=“/theme/modules/blog-post-header”, label=“Blog Post Header” %}
So nothing critical was used, but seems like content variable dissappears or clears
Pretty straight forward indeed.
This is strange, it’s like if the content object is empty once you’ve updated the value of the custom module.
Sadly I don’t have any solution to resolve your problem…
Last question, when you update your custom module does clicking on the “can’t see your update? click here” link shows your title?
After clicking to "can’t see your update?" it becomes visible, yes
Good to know! That’s not much but that’s the only workaround I can propose you for know with my knowledge..