2026.11.04・第 46 版開發進度開發進度與設計預覽
本輪依甲方手機首頁示意圖 v1.1 與說明文件製作十區手機預覽,保留已確認的會員價格、點數提示、透明Logo與底部導覽。
本次操作與圖稿複核
重新打開瀏覽器逐區對照後,已修正:主視覺控制列改疊在圖底、活動卡改成一半圖片一半文字、精選主圖與商品圖縮回自然比例、標題改用既有GXJ明體字檔,並補齊原已確認的八張輪播主題。
八張輪播已在320px逐張操作,標題/按鈕無裁切或控制列遮擋;登入後價格顯示且星星消失,訪客顯示登入查看;點數、三個服務入口與品牌分類已再操作。用畫面座標點擊商品返回,抽選順序與實際點擊位置均保留。
圖稿的區塊順序、圖文比例、欄數、控制列、明體標題及紅金配色已對照調整。照片、商品名稱、價格/已售/評價等仍沿用原示例資料,沒有照抄圖中的虛構數字;原確認的點數提示與會員星星繼續保留。因此不宣稱逐像素或所有素材完全相同。
展開原圖與本機實圖對照(上段)

展開原圖與本機實圖對照(下段)

這次改了哪裡
僅列本輪十項;下列十區設計沿用45版;46版補足後台測試與修正,恢復後畫面見下方最新實圖。十區圖均為實際瀏覽器截圖,依區塊裁切。舊版圖文另存歷史,沒有混進本輪。
本輪 01 / 10主視覺分層與輪播
對照圖稿的情境主圖、獨立Logo/標題/副標、紅色按鈕及操作列。可切換、暫停與滑動;後台分欄編輯,可更換圖片或影片。
本輪 02 / 10購星集活動・左圖右文
改為縱向排列的橫式活動卡。支援新增、排序、啟停、期間與站內入口;可更換圖片/影片及文案,空白選填不留欄。
本輪 03 / 10精選合作品牌・兩排三欄
每組最多六個有效品牌Logo,附品牌名稱、查看全部與輪播操作。已操作前後切換;品牌館仍沿用七區。
本輪 04 / 10星耀品牌精選・主圖加兩商品
每組品牌主圖+兩張完整商品卡+旗艦店按鈕。有效版位隨機排序,六秒輪播;互動/離屏暫停。同品牌可購買品項替補缺貨品,後台示例可追查原因。
本輪 05 / 10熱銷商品・交錯抽選與卡片
手機每排兩張;圖片/影片下方是獨立標籤列,再接品牌、品名、價格、已售及評價。每品牌最多三件,第一輪各品牌一件後再第二、三輪;示例共23件可購買品,不以圖中八張為上限。圖為商品區局部。
本輪 06 / 10品牌生活誌・每排兩張
每個有已發布文章的品牌隨機選一篇,兩張卡一排;奇數末張靠左。圖片、品牌、短標題與查看全部入口對照圖稿,連到既有文章。
本輪 07 / 10購物服務・同排三格
同排顯示分品牌出貨、配送運費、客服協助,分別開啟站內說明/使用指南。未新增免運承諾,文字自然換行。
本輪 08 / 10平台品牌介紹
情境背景整合透明平台Logo、品牌名稱、標題、短文及認識購星集。後台可改主圖及文字,不疊白色文字方塊。
本輪 09 / 10其他頁面連結・完整展開
關於我們、會員權益、客戶服務全部展開,各組兩欄。可改名稱、調整組內排序並選站內目的地。
本輪 10 / 10公司資訊・緊湊頁尾
公司摘要與版權緊湊排列,底部文字避開選單。公司正式資料待提供,示例不補造統編、地址與客服資料。

登入與未登入檢查
未登入顯示「登入查看」,登入後顯示會員價且星星消失。點數說明保留;商品資料仍為設計示例。
未登入

已登入

第 46 版・首頁管理操作檢查首頁後台・完整操作檢查
已在真實Chrome操作選檔、儲存草稿、草稿預覽及套用;手機前台實際載入圖片與影片,也分別檢查登入與未登入。
| 檢查項目 | 本次結果 |
| 圖片/影片更換 | PNG、JPEG、WebP、MP4、WebM均已選檔測試。圖片換影片、影片換圖片均有更新,不殘留舊影片;主視覺與活動影片可手動播放,不自動播放。 |
| 格式與容量 | 圖片1MiB、影片3MiB的上限檔可儲存並套用;超過1 byte會拒絕。GIF、MOV、空檔、偽裝副檔名與損壞檔會拒絕,原素材保留。 |
| 排程與上下架 | 主視覺、活動及精選版位的未開始/有效/到期、停用/恢復均已操作。活動短排程實際由1組→2組→1組,不重新整理也會更新;錯誤起訖時間會擋下。 |
| 草稿與防誤操作 | 未儲存不能直接套用;儲存草稿不改一般前台;草稿入口可先看變化。全數主視覺停用、同品牌商品重複等錯誤會提示。 |
| 雙會員狀態 | 訪客顯示登入查看;會員顯示價格、星星消失。恢復後八張主視覺、兩組活動、三個精選版位均在,手機無整頁橫向溢出。 |
| 展示資料恢復 | 測試前後的展示設定、草稿、上一套用版及操作紀錄逐字一致。測試圖片/影片沒有留在目前展示中。 |
本次修正:合法大影片套用時容量不足、圖片替換後舊影片未清除、上傳檔只驗格式名稱、排程到時不自動更新、平台介紹上傳圖片未帶入,以及舊品牌後台的首頁活動入口。新版首頁內容統一由「首頁十區管理」編輯,品牌七區與點數提示保留原入口。
測試中:影片已進入手機前台
下圖使用有辨識度的測試影片確認來源,屬測試過程,已恢復為原展示素材。
恢復後:目前後台

查看手機尺寸後台

恢復後:手機未登入/已登入
未登入・會員價隱藏

已登入・會員價顯示

查看恢復後首頁
操作資料與檔案只保存在同一瀏覽器。此處排程為開啟預覽頁時的本機計時;真正平台帳號、權限、伺服器媒體庫、排程服務與正式發布尚待介接。非實體iPhone測試,亦非正式後台驗收。
進度總覽
| 狀態 | 本輪內容 |
|---|
| 已完成・本機操作檢查 | 十區畫面、輪播前後與暫停、商品返回保留結果/位置、品牌與分類連動、兩種登入狀態、點數入口、服務入口、後台草稿/套用/還原及圖片/影片更換、格式與容量限制、三類排程與上下架。 |
| 完成待核對 | 圖稿視覺接近程度、手機長頁閱讀、文案與活動素材,待審閱確認。 |
| 待確認 | 正式素材、公司資料、標籤可改文字的適用範圍;尚未收到完整功能規格及H01–H38驗收清單。 |
| 未完成 | 正式商品/會員/物流/點數介接、伺服器權限與通知、正式排程及上線;實體iPhone驗看。 |
實際檢查320/375/390/768/1280px,均無整頁橫向溢出;1280px維持原電腦排版。桌面完整改版不屬本輪。
此頁供審閱開發進度及操作示例。