Posted on

页面功能-magento商品页

商品页配置


2,Swatches图片选项功能


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



3,强化评论功能[Photo reviews]

reviews评论优化

1,类似shopify, magento需要插件强化评论功能

参考: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
Advanced Product Reviews (magento.com)



4,立即购买按钮 buy now , Quick add to cart / checkout

1,sparsh-buy-now Buy Now (magento.com)
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)
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://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)




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)
TODO