Update shop_products.j2 - Added the mobile-only Status column markup with class="col-status".

Combined visibility emoji plus bundle/physical/ready indicators into stacked status rows.

Wrapped price and size values so decimal points render through span.decimal-dot for bold dots.
This commit is contained in:
Groupr 2025-10-28 23:00:26 +00:00
parent fd8e8b6b4f
commit 0565342c8c

View file

@ -10,20 +10,42 @@ tr { text-align: left;}
<table class="table-full-width table-fixed-layout">
<thead>
<tr> <th> Sellable <th> Price <th> Visibility <th> Bundle <th> Physical <th> Ready <th> Title <th> Size
<tr> <th> Sellable <th> Price <th> Visibility <th> Bundle <th> Physical <th> Ready <th> Title <th class="col-status"> Status <th> Size
<tbody class="table-full-width">
{% for product in products %}
<tr>
<td>{{ product.is_sellable }}</td>
<td><a href="{{ product.absolute_url(request) }}" rel="nofollow">${{ '{:,.2f}'.format(product.price) }}</a></td>
<td><a href="{{ product.absolute_url(request) }}" rel="nofollow">$<span class="price-value">{{ '{:,.2f}'.format(product.price)|replace('.', '<span class="decimal-dot">.</span>')|safe }}</span></a></td>
<td>{{ product.human_visibility }}</td>
<td>{{ product.is_bundle }}</td>
<td>{{ product.is_physical }}</td>
<td>{{ product.is_ready }}</td>
<td><b><a href="{{ product.absolute_url(request) }}" class="shop-theme-link-color">{{ product.title }}</a></b></td>
<td>{{ product.human_total_file_bytes }}</td>
<td class="col-status">
<div class="status-line">
<span class="status-label">{{ product.human_visibility }}</span>
<span class="status-dot">•</span>
<span class="status-value">{{ '🌍' if product.is_public else '🔒' if product.is_private else '👁️‍🗨️' }}</span>
</div>
<div class="status-line">
<span class="status-label">Bundle</span>
<span class="status-dot">•</span>
<span class="status-value" style="color: {{ '#22c55e' if product.is_bundle else '#ef4444' }};">{{ '&#10003;'|safe if product.is_bundle else '&#10007;'|safe }}</span>
</div>
<div class="status-line">
<span class="status-label">Physical</span>
<span class="status-dot">•</span>
<span class="status-value" style="color: {{ '#22c55e' if product.is_physical else '#ef4444' }};">{{ '&#10003;'|safe if product.is_physical else '&#10007;'|safe }}</span>
</div>
<div class="status-line">
<span class="status-label">Ready</span>
<span class="status-dot">•</span>
<span class="status-value" style="color: {{ '#22c55e' if product.is_ready else '#ef4444' }};">{{ '&#10003;'|safe if product.is_ready else '&#10007;'|safe }}</span>
</div>
</td>
<td>{{ product.human_total_file_bytes|replace('.', '<span class="decimal-dot">.</span>')|safe }}</td>
</tr>
{% endfor %}