edition/partials/content.hbs

<article class="single {{post_class}}">

    {{#match @page.show_title_and_feature_image}}
    <header class="single-header gh-canvas">
        {{#is "post"}}
        <div class="single-meta">
            <!--
                <span class="single-meta-item single-meta-date">
                    <time datetime="{{date format="YYYY-MM-DD"}}">
                        {{date published_at}}
                    </time>
                </span>
                -->
            <span class="single-meta-item single-meta-length">
                {{reading_time}}
            </span>
            {{#primary_tag}}
            <span class="single-meta-item single-meta-tag">
                <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
            </span>
            {{/primary_tag}}
        </div>
        {{/is}}

        <h1 class="single-title">{{title}}</h1>

        <div id="total-rose-ash-shop" hx-get="shop/orders/total"
            hx-trigger="load delay:1ms, configured from:body, ordered from:body delay:1ms, paid from:body"
            hx-swap="innerHTML">
        </div>

        <div id="order-rose-ash-shop" hx-get="order"
            hx-trigger="load delay:1ms, configured from:body, paid from:body, ordered from:body delay:1ms"
            hx-on::config-request="event.detail.path = !(new URLSearchParams(window.location.search).get('order')) ? 'shop/order/?embed=true' : 'shop/order/?embed=true&orderId=' + new URLSearchParams(window.location.search).get('order');"
            hx-swap="innerHTML">
        </div>
        

        {{#if custom_excerpt}}
        <div class="single-excerpt">
            {{custom_excerpt}}
        </div>
        {{/if}}
        <div id="order-detail-rose-ash-shop" hx-get="order" hx-trigger="load delay:1ms, paid from:body"
            hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('order') ? 'shop/order/' + new URLSearchParams(window.location.search).get('order')+ '/?embed=true' : null; //6a919002-94eb-467d-a226-5dd05b7f44a3 '"
            hx-on::confirm=" if (!new URLSearchParams(window.location.search).get('order')) { event.preventDefault(); }"
            hx-swap="innerHTML">
        </div>

        {{#if feature_image}}
        {{#unless no_image}}
        <figure class="single-media kg-width-{{width}}">
            <img srcset="{{> " srcset"}}" sizes="(min-width: 1023px) 920px, calc(90vw)"
                src="{{img_url feature_image size=" l"}}"
                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
            {{#if feature_image_caption}}
            <figcaption>{{feature_image_caption}}</figcaption>
            {{/if}}
        </figure>
        {{/unless}}
        {{/if}}
    </header>
    {{/match}}

    <div class="single-content gh-content gh-canvas">
        {{content}}
    </div>

    {{#is "post"}}
    <div class="gh-canvas">
        <footer class="single-footer">

            <div class="single-footer-left">
                {{#prev_post}}
                <div class="navigation navigation-previous">
                    <a class="navigation-link" href="{{url}}" aria-label="Previous post">
                        <span class="navigation-icon">{{> "icons/arrow-left"}}</span>
                    </a>
                </div>
                {{/prev_post}}
            </div>

            <div class="single-footer-middle">
                {{#if @custom.show_author}}
                <div class="single-footer-top">
                    <h3 class="single-footer-title">Published by:</h3>
                    <div class="author-list">
                        {{#foreach authors}}
                        <div class="author-image-placeholder u-placeholder square">
                            <a href="{{url}}" title="{{name}}">
                                {{#if profile_image}}
                                <img class="author-image u-object-fit" src="{{img_url profile_image size=" xs"}}"
                                    alt="{{name}}" loading="lazy">
                                {{else}}
                                <span class="u-object-fit">{{> "icons/avatar"}}</span>
                                {{/if}}
                            </a>
                        </div>
                        {{/foreach}}
                    </div>
                </div>
                {{/if}}
            </div>

            <div class="single-footer-right">
                {{#next_post}}
                <div class="navigation navigation-next">
                    <a class="navigation-link" href="{{url}}" aria-label="Next post">
                        <span class="navigation-icon">{{> "icons/arrow-right"}}</span>
                    </a>
                </div>
                {{/next_post}}
            </div>
        </footer>
        <div id="configure-product" name="configure-product" hx-get="shop/configure?embed" hx-trigger="load">
        </div>
        <div id="orders-rose-ash-shop" hx-get="shop/orders" hx-trigger="load, paid from:body, configured from:body"
            hx-swap="innerHTML">
        </div>
    </div>
    {{/is}}

</article>