--- tags: BTSv2 --- # BTSv2 快速開啟各主要頁面及各元件暨方法整理 :::success **快速開啟 各主要頁面** **需要先移除該頁面<body>中第二組classname的前綴"b-"，然後在v2資料夾中進行搜尋。** ::: **共同結構頁面(app.blade.php)** 搜尋：==b-container== **Banner頁面** 搜尋：==banner__content== **首頁(只有b-middle範圍)** 搜尋：==index-page== --- **產品總覽頁** 搜尋：==products-page、b-products__group== **產品分類頁** 搜尋：==product-category-page、b-products__group== **產品列表頁** 搜尋：==b-product-list__group== **產品詳細頁** 搜尋：==product-detail-page== --- :::info **快速開啟 元件** **以下是一個快速開啟元件@component的範例** ```php= @component('frontend.components.body.blocks.new.news-list', [ 'item' => $message, ]) @endcomponent ``` **你可以複製 "frontend.components.body.blocks.new.news-list"，然後使用尋找與取代功能，將所有的 "." 取代為 "\\"。** **接著，你可以使用 vscode 的快捷鍵 "Ctrl+P" 移至檔案，並貼上剛剛已取代完的路徑，這個步驟可以讓你更輕鬆地尋找特定的檔案或資料夾。** ::: **首頁-主區塊(排序)、Splide設定(若此處沒有你要的設定，就需要去以下各區塊路徑新增)** 元件相對路徑為： ==frontend\index== **首頁-產品分類區塊** 元件相對路徑為： ==frontend\components\body\like\index\product-categories== **首頁-應用分類區塊** 元件相對路徑為： ==frontend\components\body\like\index\application-categories== **首頁-最新消息區塊** 元件相對路徑為： ==frontend\components\body\like\index\news== **首頁-產品列表區塊** 元件相對路徑為： ==frontend\components\body\like\index\products== ---