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:
parent
fd8e8b6b4f
commit
0565342c8c
1 changed files with 25 additions and 3 deletions
|
|
@ -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' }};">{{ '✓'|safe if product.is_bundle else '✗'|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' }};">{{ '✓'|safe if product.is_physical else '✗'|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' }};">{{ '✓'|safe if product.is_ready else '✗'|safe }}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>{{ product.human_total_file_bytes|replace('.', '<span class="decimal-dot">.</span>')|safe }}</td>
|
||||
</tr>
|
||||
|
||||
{% endfor %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue