Diff

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

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

Added

+69

lines

Removed

-0

lines

Context

unchanged

Blobs

from
to 918c3a782abf

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: Boutique
	3	Premium minimalism. Wide whitespace, big imagery, refined type.
	4	===================================================================== -->
	5
	6	<style>:root { $theme_css_vars }</style>
	7
	8	[if:$preview_banner]
	9	<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>
	10	[/if]
	11
	12	<header style="background:var(--col-bg);padding:36px 64px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--col-border);flex-wrap:wrap">
	13	<a href="/store.cgi?id=$store_id" style="text-decoration:none;flex-shrink:0">
	14	<span style="font-family:var(--font-display);font-size:28px;font-weight:300;letter-spacing:0.04em;color:var(--col-text)">$store_name</span>
	15	</a>
	16	<nav style="display:flex;gap:18px;align-items:center;flex-wrap:wrap">
	17	[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]
	18	</nav>
	19	<div style="flex:1;display:flex;justify-content:center;min-width:0">$store_search_form</div>
	20	<nav style="display:flex;gap:24px;align-items:center;flex-wrap:wrap">
	21	$store_signin_link
	22	$store_cart_link
	23	</nav>
	24	</header>
	25
	26	[if:$is_specific_page]
	27	[if:$page_not_found]<section style="padding:160px 64px;text-align:center"><h1 style="font-family:var(--font-display);font-size:64px;font-weight:300;color:var(--col-text)">Not found</h1></section>[/if]
	28	[if:!$page_not_found]<section style="padding:120px 64px;max-width:800px;margin:0 auto"><h1 style="font-family:var(--font-display);font-size:56px;font-weight:300;letter-spacing:-0.01em;color:var(--col-text)">$page_title</h1><div class="text-secondary" style="font-size:16px;line-height:1.9;margin-top:36px;white-space:pre-wrap">$page_body</div></section>[/if]
	29	[/if]
	30
	31	[if:!$is_specific_page]
	32	<!-- Editorial cover -->
	33	<section style="padding:140px 64px 100px;max-width:1200px;margin:0 auto;text-align:center">
	34	<span style="font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--col-accent-bright);font-weight:600">Edition $product_count</span>
	35	<h1 style="font-family:var(--font-display);font-size:clamp(56px,8vw,120px);font-weight:300;letter-spacing:-0.04em;line-height:1;color:var(--col-text);margin:24px 0">A quiet collection.</h1>
	36	<p style="font-size:17px;line-height:1.8;color:var(--col-text-2);max-width:600px;margin:0 auto;font-style:italic">$store_tagline</p>
	37	</section>
	38
	39	<!-- Catalog: 2-column with generous gutters -->
	40	<section id="shop" style="padding:60px 64px 120px;max-width:1300px;margin:0 auto">
	41	<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:60px 48px">
	42	[loop:@products]
	43	<a href="/listing_details.cgi?id=$loop1.id" style="text-decoration:none;display:block">
	44	<div style="aspect-ratio:4/5;background:url('$loop1.hero_image') center/cover;border:1px solid var(--col-border);transition:transform 0.4s"></div>
	45	<div style="margin-top:18px;display:flex;justify-content:space-between;align-items:flex-start">
	46	<div>
	47	<div style="font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--col-text);letter-spacing:0.01em">$loop1.title</div>
	48	<div style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--col-text-3);margin-top:6px">No. $loop1.id</div>
	49	</div>
	50	<div style="font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--col-text)">$loop1.price</div>
	51	</div>
	52	</a>
	53	[/loop]
	54	$pagination_html
	55	</div>
	56	</section>
	57
	58	<!-- About: centered, sparse -->
	59	<section id="about" style="padding:120px 64px;max-width:700px;margin:0 auto;text-align:center;border-top:1px solid var(--col-border)">
	60	<span style="font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--col-accent-bright);font-weight:600">The studio</span>
	61	<h2 style="font-family:var(--font-display);font-size:42px;font-weight:300;letter-spacing:-0.01em;color:var(--col-text);margin:24px 0 28px">$store_name</h2>
	62	<p style="font-size:15px;line-height:2;color:var(--col-text-2)">$store_about</p>
	63	</section>
	64	[/if]
	65
	66	<footer style="border-top:1px solid var(--col-border);padding:48px 64px;text-align:center">
	67	<div style="font-family:var(--font-display);font-size:18px;font-weight:300;color:var(--col-text);letter-spacing:0.04em">$store_name</div>
	68	<div class="text-xs text-dim" style="letter-spacing:3px;text-transform:uppercase;margin-top:10px">Powered by affiliate.3dshawn.com</div>
	69	</footer>