🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 商品页配置 ***** ## 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 ***** ***** *****