# 商品页配置
*****
## 2,Swatches图片选项功能

后台配置属性的图片/ 颜色 ,就可以在页面swatches作为选项:

*****
*****
## 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

[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自带功能:

*****
*****
## 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

*****
## 7,捆绑商品,give away, gift:
无法单独售卖的捆绑商品,和主商品捆绑销售。 加入购物车,免费结算。
插件:https://www.mageplaza.com/magento-2-free-gifts/
TODO
*****
*****
*****
## 8,产品页促销 (Cross Selling / upselling)

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://ihavenolimitations.xyz/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
*****
*****
*****