Empty card is not showing up

[Oleafeon]

I have the following card

    <main class="px-8">

        {{ sc:cart:items }}
        {{ partial src="events/web/cart/cart-item" }}
        {{ /sc:cart:items }}

        {{ if {sc:cart:has} === false }}
        <div class="flex w-full rounded px-8 py-5 m6">
            <p><strong>{{ bag_empty }}</strong></p>
        </div>
        {{ /if }}

    </main>

But when there are no items in my card its shown the following

This is the cart item partial but whitout any items in it

[duncanmcclean]

What does your cart-item partial look like?

[Oleafeon]

Hey @duncanmcclean sorry for the late reply

here you go

<section class="mb-5">
    <div class="row d-flex align-items-center">
        <div class="col-12 col-lg-1">
        {{ if product:images }}
            {{ product:images limit='1' }}
                <img class="img-fluid" src="{{ glide:url format='webp' }}" alt="{{ alt }}">
            {{ /product:images }}
        {{ else }}
                {{ partial src='events/web.components.placeholder-image' }}
        {{ /if }}
        </div>
        <div class="col-12 col-lg-7">
            <h3>{{ product:title }}</h3>
        </div>

        <div class="col-12 col-lg-2">
            <p class="mb-0">Hoeveelheid: {{ quantity }}</p>
            <p class="mb-0">Prijs: {{ currency }} {{ product:price }}</p>
            <div class="d-flex" style="column-gap: 4px">
                {{ sc:cart:addItem }}
                <input type="hidden" name="product" value="{{ product:id }}">
                <input type="hidden" name="quantity" value="1">
                <button class="btn btn-custom change-quantity">+</button>
                {{ /sc:cart:addItem }}
                {{ sc:cart:removeItem :item="id" }}
                <input type="hidden" name="quantity" value="1">
                <button class="btn btn-custom change-quantity">
                    <i class="fas fa-trash"></i>
                </button>
                {{ /sc:cart:removeItem }}
            </div>
        </div>

        <div class="col-12 col-lg-2 d-flex justify-content-end">
            <p>Totaal:</p>
            <p>{{ currency }} {{ total }}</p>
        </div>
    </div>
</section>

[Oleafeon]

As i can see there is this order which has this line right now that there are no items in my cart

After adding a couple items i get this back so i think because i am checking if the cart exist with {{ if {sc:cart:has} === false }} it always returns true unless i remove the order is there a way to check if the cart is empty?

[duncanmcclean]

After adding a couple items i get this back so i think because i am checking if the cart exist with {{ if {sc:cart:has} === false }} it always returns true unless i remove the order is there a way to check if the cart is empty?

You could try something like this:

{{ if {sc:cart:items | count} > 0 }}

[Oleafeon]

that did also not work it still shows the cart when nothing is in it iff i try {{ sc:cart:items | count }} i get also nothing back

[Oleafeon]

{{ if {sc:cart:has} === false || {sc:cart:count} === 0 }}
        <div class="flex w-full rounded px-8 py-5 m6">
           <p><strong>{{ beg_empty }}</strong></p>
        </div>
        {{ else }}
            {{ sc:cart:items }}
            {{ partial src="events/web/cart/cart-item" }}
            {{ /sc:cart:items }}
        {{ /if }}