Diff

/var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/store_layouts/index.html

added on local at 2026-07-01 13:47:52

Added

+86

lines

Removed

-0

lines

Context

unchanged

Blobs

from
to a97318bb9b32

Restore this content →

Unified diff

Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.

	1	<!-- =====================================================================
	2	LAYOUT: Index
	3	Detailed table list. Sortable columns: name, type, price, rating.
	4	===================================================================== -->
	5
	6	<style>
	7	:root { $theme_css_vars }
	8	.idx-table { width:100%; border-collapse:collapse; }
	9	.idx-table th { text-align:left; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--col-text-3); font-weight:600; padding:12px 14px; border-bottom:1px solid var(--col-border); position:sticky; top:0; background:var(--col-bg-2); }
	10	.idx-table td { padding:14px; border-bottom:1px solid var(--col-border); vertical-align:middle; }
	11	.idx-row:hover td { background:var(--col-surface-1); }
	12	.idx-thumb { width:48px; height:48px; border-radius:6px; background-size:cover; background-position:center; flex-shrink:0; border:1px solid var(--col-border); }
	13	</style>
	14
	15	[if:$preview_banner]
	16	<div style="position:sticky;top:0;z-index:9999;background:#0a0e1c;border-bottom:1px solid rgba(59,130,246,0.40);box-shadow:0 4px 16px rgba(0,0,0,0.55);padding:10px 20px;text-align:center;font-size:13px;color:#93c5fd;font-weight:600">$preview_banner</div>
	17	[/if]
	18
	19	<header style="border-bottom:1px solid var(--col-border);padding:14px 24px;display:flex;align-items:center;gap:14px;background:var(--col-bg-2);flex-wrap:wrap">
	20	<a href="/store.cgi?id=$store_id" style="display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0">
	21	<div class="brand-mark" style="background:linear-gradient(130deg, var(--col-accent), var(--col-accent-bright));width:30px;height:30px;font-size:11px">$store_initials</div>
	22	<span style="font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--col-text)">$store_name</span>
	23	</a>
	24	<nav style="display:flex;gap:18px;align-items:center;flex-wrap:wrap">
	25	[loop:@nav_pages]<a href="$loop1.href" style="font-size:13px;color:var(--col-text-2);font-weight:600;text-decoration:none">$loop1.title</a>[/loop]
	26	</nav>
	27	<div style="flex:1;display:flex;justify-content:center;min-width:0">$store_search_form</div>
	28	<div style="display:inline-flex;gap:8px;align-items:center;margin-left:8px">$store_signin_link $store_cart_link</div>
	29	</header>
	30
	31	[if:$is_specific_page]
	32	[if:$page_not_found]<section style="padding:120px 32px;text-align:center"><h1 class="hero-title" style="font-size:48px">Page not found</h1></section>[/if]
	33	[if:!$page_not_found]<section style="padding:60px 32px;max-width:900px;margin:0 auto"><h1 class="hero-title" style="font-size:42px">$page_title</h1><div class="text-secondary" style="font-size:16px;line-height:1.7;margin-top:18px;white-space:pre-wrap">$page_body</div></section>[/if]
	34	[/if]
	35
	36	[if:!$is_specific_page]
	37	<!-- Compact intro -->
	38	<section style="padding:24px 32px;border-bottom:1px solid var(--col-border);max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap">
	39	<div>
	40	<h1 style="font-family:var(--font-display);font-size:28px;color:var(--col-text);margin:0;font-weight:700">$store_name</h1>
	41	<div style="font-size:13px;color:var(--col-text-2);margin-top:4px">$store_tagline</div>
	42	</div>
	43	<div style="display:flex;gap:6px;align-items:center;font-size:12px;color:var(--col-text-3)">
	44	Showing <strong style="color:var(--col-text)">$product_count</strong> designs
	45	<span>·</span>
	46	<select class="select" style="width:auto;height:30px;font-size:12px"><option>Sort: Newest</option><option>Price (low)</option><option>Price (high)</option><option>Rating</option></select>
	47	</div>
	48	</section>
	49
	50	<section id="shop" style="max-width:1400px;margin:0 auto">
	51	<table class="idx-table">
	52	<thead>
	53	<tr>
	54	<th style="width:64px"></th>
	55	<th>Name</th>
	56	<th style="width:120px">Type</th>
	57	<th style="width:100px">Format</th>
	58	<th class="num" style="width:80px;text-align:right">Price</th>
	59	<th class="num" style="width:90px;text-align:right">Rating</th>
	60	<th style="width:80px"></th>
	61	</tr>
	62	</thead>
	63	<tbody>
	64	[loop:@products]
	65	<tr class="idx-row">
	66	<td><div class="idx-thumb" style="background-image:url('$loop1.hero_image')"></div></td>
	67	<td>
	68	<div style="font-size:14px;font-weight:600;color:var(--col-text)">$loop1.title</div>
	69	<div style="font-size:11px;color:var(--col-text-3);margin-top:2px">SKU #$loop1.id</div>
	70	</td>
	71	<td><span class="pill">Miniature</span></td>
	72	<td><span style="font-size:12px;color:var(--col-text-2)">Pre-supported</span></td>
	73	<td class="num" style="text-align:right;font-size:14px;font-weight:700;color:var(--col-accent-bright)">$loop1.price</td>
	74	<td class="num" style="text-align:right">$loop1.rating_html<div style="font-size:11px;color:var(--col-text-3);margin-top:2px">$loop1.rating_n reviews</div></td>
	75	<td><a href="/listing_details.cgi?id=$loop1.id" class="btn btn-primary btn-sm">Add</a></td>
	76	</tr>
	77	[/loop]
	78	$pagination_html
	79	</tbody>
	80	</table>
	81	</section>
	82	[/if]
	83
	84	<footer style="border-top:1px solid var(--col-border);padding:24px 32px;text-align:center;background:var(--col-bg-2);margin-top:32px">
	85	<div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase">$store_name · powered by affiliate.3dshawn.com</div>
	86	</footer>