# 商品页配置
*****
## 2,Swatches图片选项功能
![](https://img.kancloud.cn/7b/82/7b82e093a53b81805ca256009e65487f_1176x690.png)
后台配置属性的图片/ 颜色 ,就可以在页面swatches作为选项:
![](https://img.kancloud.cn/9a/ef/9aefe8fa97f7c1a3238f2fd33128e945_1031x446.png)
*****
*****
## 3,强化评论功能[Photo reviews]
**reviews评论优化**
1,类似shopify, magento需要插件强化评论功能
参考:[https://bbs.mallol.cn/product/advanced-product-reviews-for-magento-2/](https://bbs.mallol.cn/product/advanced-product-reviews-for-magento-2/)
https://marketplace.magento.com/rltsquare-product-review-images.html
![](https://img.kancloud.cn/77/fc/77fc2585311bd9639a0316770bc84e40_694x418.png)
[Magento 2 Product Reviews - Manage Customer Reviews – Mageplaza](https://www.mageplaza.com/magento-2-better-product-reviews/)
[Advanced Product Reviews (magento.com)](https://marketplace.magento.com/amasty-advanced-review.html)
*****
*****
## 4,立即购买按钮 buy now , Quick add to cart / checkout
1,sparsh-buy-now [Buy Now (magento.com)](https://marketplace.magento.com/sparsh-buy-now-magento-2-extension.html)
2,mageprince/magento2-buynow [mageprince/magento2-buynow: This module add "BuyNow" button on product view page and product list page to process directly checkout. (github.com)](https://github.com/mageprince/magento2-buynow)
3,代码比较容易看懂,知道原理,方便修改。
*****
*****
## 5,Add to wish 、心愿单 (Wishlist)
magento自带功能:
![](https://img.kancloud.cn/72/60/726099d5d09212855abe2565396ff914_644x320.png)
*****
*****
## 6,最近浏览 (Recently Viewed)
系统自带有这个功能,可以参考:
> The Recently Viewed and Recently Compared blocks usually appear in the right sidebar of a catalog page. The number of products listed in each can be configured for each website, store, or store view.
[Configure Recently Viewed/Compared Products in Magento 2 | Magefan](https://magefan.com/blog/configure-recently-viewed-and-compared-products-in-magento-2)
原理参考:https://www.mageplaza.com/devdocs/get-recent-viewed-products-collection-magento-2.html
![](https://img.kancloud.cn/17/40/1740e7fb72e32fbe1f2a997867494f51_1227x511.png)
*****
## 7,捆绑商品,give away, gift:
无法单独售卖的捆绑商品,和主商品捆绑销售。 加入购物车,免费结算。
插件:https://www.mageplaza.com/magento-2-free-gifts/
TODO
*****
*****
*****
## 8,产品页促销 (Cross Selling / upselling)
![](https://img.kancloud.cn/96/28/96287627965be5d7906bf734ffcbbb38_1477x335.png)
magento自带功能:
[Related Products, Up-Sells, and Cross-Sells | Adobe Commerce 2.4 User Guide (magento.com)](https://docs.magento.com/user-guide/catalog/related-products-up-sells-cross-sells.html)
*****
*****
*****
## 9,【丰富的编辑器内容模板】Amazon A+ Content Templat
**实现类似shopify,amazon的 A+描述页**
1,后台\-》内容\-》设计模板\-》设置\-》选择对应模板\-》HTML标头\-》脚本和样式表\-》输入自定义 css style
2,后台\-》产品描述页->切换到 html输入 A+内容-》切换到可视化页编辑-》替换内容(文字+图片+链接)
TODO
*****
*****
*****
## 10,【商品描述功能页】 Adding a custom tab to the product page
参考:https://www.kancloud.cn/zouhongzhao/magento2-in-action/669103
~~~
<referenceBlock name="product.info.details">
<block class="Magento\Catalog\Block\Product\View" name="custom.tab" as="customtab" template="Magento_Catalog::product/view/customtab.phtml" group="detailed_info">
<arguments>
<argument translate="true" name="title" xsi:type="string">Custom Tab</argument>
</arguments>
</block>
</referenceBlock>
~~~
*****
*****
*****
## 11,社交分享功能
参考:https://www.mageplaza.com/magento-2-social-share/
*****
*****
*****
## 12,SEO 结构化数据
具体内容参考: [ (google.com)](https://developers.google.com/search/docs/advanced/structured-data/product)
TODO
*****
*****
*****