jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: show mockup section from start in rSwag demo 

Step 2 (design mockup + "Use Sample Design" button) was gated behind
demoStep >= 2, but the only way to reach step 2 was clicking a button
inside the hidden section. Now mockup is always visible alongside
product selection.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-28 06:55:16 +00:00
parent 01fa8b1ba5
commit e40db06407
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/swag/components/folk-swag-designer.ts
View File

@ -389,8 +389,8 @@ class FolkSwagDesigner extends HTMLElement {
</div>` : ""}
</section>
<!-- Step 2: Design Mockup -->
<section class="step-section ${this.demoStep >= 2 ? 'visible' : ''}">
<!-- Step 2: Design Mockup (always visible alongside product selection) -->
<section class="step-section visible">
<div class="mockup-area">
<div class="mockup-svg">${this.getMockupSvg()}</div>
<div class="mockup-info">
@ -401,8 +401,8 @@ class FolkSwagDesigner extends HTMLElement {
</div>
</section>
<!-- Generate button (between step 2 and 3) -->
${this.demoStep === 2 && this.usedSampleDesign ? `
<!-- Generate button (visible once sample design is loaded) -->
${this.usedSampleDesign && this.demoStep < 3 ? `
<div class="generate-row">
<button class="btn btn-primary generate-btn">Generate Print-Ready Files</button>
</div>` : ""}