# 快速定制活动页
## 0, 活动页结构
```
Header and footer
Posts
CTA Buttons
Headers
Pop-Ups
Gallery
```
## 1,基于 collection类别 制作商品列表 , Product collection / Product Sets ,
![](https://img.kancloud.cn/2f/7b/2f7b1b6073675a7d14d85cb385540425_1323x663.png)
![](https://img.kancloud.cn/ea/eb/eaeb6c256e956029a072a7623de10578_1210x756.png)
则可以直接url访问 相关 collection. 例如:
https://magento.liangdabiao.com/collections/erin-recommends.html
https://magento.liangdabiao.com/promotions/pants-all.html
## 2, 特征 Collection, [新品推荐,热销商品,推荐商品]
制作独立Php页面模板,生成相关特征page:
参考:https://www.mageplaza.com/devdocs/get-best-sellers-collection-magento-2.html
~~~
public function getProductCollection()
{
$productIds = [];
$bestSellers = $this->_bestSellersCollectionFactory->create()
->setPeriod('month');
foreach ($bestSellers as $product) {
$productIds[] = $product->getProductId();
}
$collection = $this->_productCollectionFactory->create()->addIdFilter($productIds);
$collection->addMinimalPrice()
->addFinalPrice()
->addTaxPercents()
->addAttributeToSelect('*')
->addStoreFilter($this->getStoreId())->setPageSize($this->getProductsCount());
return $collection;
}
~~~
## 3,促销活动页面 (Snap Deals) , 秒杀类
如上
## 4,活动页的指定商品列表 product_widget
a,利用后台widget:
![](https://img.kancloud.cn/7c/8c/7c8ce9daa843253011e156ac52a4b2cc_985x704.png)
b, 直接代码写相关引入商品:
![](https://img.kancloud.cn/1c/b8/1cb862ff814be6d58cfe01ddade5f58f_1206x655.png)
参考:https://www.kancloud.cn/zouhongzhao/magento2-in-action
## 5,用 page builder 编辑器做活动页面/ landing page /落地页
可以试试。
### 6,编辑器实现类似shopify的 collection功能
(优惠活动页 ,活动页/落地页)
1,新建page页面
2,内容插入 widget, 带上 block (产品列表)
3,筛选相关产品,得到自定义商品列表
![](https://img.kancloud.cn/9c/2f/9c2f8ba279cdc2fa82a201303d0eab19_604x463.png)
![](https://img.kancloud.cn/56/5b/565bfb691c254801789e644cd0139c51_379x192.png)