---
# System prepended metadata

title: BTSv2 快速開啟各主要頁面及各元件暨方法整理
tags: [BTSv2]

---

---
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==



---