24日目の記事になります。はじめにmagento2において、SNSリンクを追加することができます。本記事はmagento2で商品ページにSNSリンクを追加するやり方について紹介します。themeを参考にすればよいと思います。主な流れは以下となります。your_theme_name宣言ファイルtheme.xml、etcディレクトリ、テーマディレクトリの中にview.xmlファイルの作成composer.jsonファイルの追加registration.phpファイルの追加CSS、JavaScript、images、fontsのディレクトリの作成theme.xml、composer.json、registration.phpなどのファイルはDevDocsのリンクでサンプルがありますので、そのままコピーして使っても問題がないと思います。子テーマを作成したら、商品ページのレイアウトテンプレートを識別して、ブロックを追加します。Hintsを有効にします。レイアウトテンプレートの上書きMagento2で商品ページのレンダリング用のレイアウトファイルは次の通りです。Magento_Catalog_module_dir/view/frontend/layout/catalog_product_view.xmlこのレイアウトファイルを上書きするための手順は以下となります。そのレイアウトファイルの中に必要なコードをコピーして、子テーマのディレクトリに入れます。child_theme_dir/Magento_Catalog/layout/catalog_product_view.xml例えば、child_theme_dir/Magento_Catalog/layout/catalog_product_view.xmlは以下となります。</body></page>その中に追加したコードは以下となります。ボタンの下にSNSアイコンが表示されます。テンプレートファイルの作成phtmlテンプレートファイルを作成する前に、まず、SNSアイコンの画像をアップロードします。SNSアイコンの画像の置き場所は次の通りです。child_theme_dir/web/images/最後、sns-social.phtmlというテンプレートファイルを作成します。子テーマのディレクトリに置きます。child_theme_dir/Magento_Catalog/templates/product/view/sns-social.phtml今回はFacebook、Twitter、Pinterestのアイコンを追加してみます。その他のSNSを追加したい場合は、Facebook、Twitter、Pinterestアイコン追加用のコードをコピーして、適当に修正すればよいと思います。</a></div>キャッシュをクリアして、商品ページに戻りますと、SNSリンクが追加できました!まとめ本記事では、Magento2で商品ページにSNSリンクを追加する手順について紹介させていただきました。ボタンの追加方法のため、やり方としては多少の違いがあります。ご覧いただきありがとうございます。皆様の参考になりましたら幸いです。upLoginユーザーは見つかりませんでした。