マークアップタグ

ウィジェットコード

ウィジェットツールを使用すると、製品のリストを表示したり、製品 ID に基づいて特定の製品ページに移動するような複雑なリンクを挿入したりできます。 生成されるコードには、ブロック参照、コードモジュールの場所、対応する PHTML テンプレートが含まれます。 コードを生成した後、ある場所から別の場所にコピーして貼り付けることができます。

次の例のコードは、ページまたはブロックに追加して、新製品のリストを表示できます。

{{widget type="catalog/product_widget_new" display_type="new_products" products_count="10" template="catalog/product/widget/new/content/new_grid.phtml"}}

次の例のコードは、ページまたはブロックに追加して、特定の製品へのリンクを製品 ID で表示することができます。

{{widget type="catalog/product_widget_link" anchor_text="My Product Link" title="My Product Link" template="catalog/product/widgetlink/link_block.phtml" id_path="product/31"}}

リンクでのマークアップタグの使用

マークアップタグとHTMLアンカータグを使用すると、ストア内の任意のページに直接リンクできます。 リンクは、コンテンツページ、ブロック、メールテンプレートおよびニュースレターテンプレートに組み込むことができます。 この方法を使用して、画像を特定のページにリンクすることもできます。

手順 1. 宛先 URL の特定

可能であれば、リンク先のページに移動し、ブラウザーのアドレスバーから完全な URL をコピーします。 URL のうち、必要な部分は .com/ の後に配置されます。 そうでない場合は、リンク先として使用する URL キーを CMS ページからコピーします。

カテゴリページの完全な URL

https://mystore.com/apparel/shoes/womens
https://mystore.com/apparel/shoes/womens.html

製品ページの完全な URL

https://mystore.com/apparel/shoes/womens/nine-west-pump
https://mystore.com/apparel/shoes/womens/nine-west-pump.html

CMS ページの完全な URL

https://mystore.com/about-us

手順 2. URL へのマークアップの追加

ストア URL タグは、web サイトのベース URL を表し、ドメイン名や .com など、ストア URL の HTTP アドレス部分の代わりに使用されます。 タグには 2 つのバージョンがあり、実行する結果に応じて使用できます。

store direct_url - ページに直接リンクします。

store url – 末尾にスラッシュを配置して、参照をパスとして追加できるようにします。

次の例では、URL キーは一重引用符で囲まれ、マークアップ タグ全体は二重中括弧で囲まれています。 アンカータグと共に使用すると、マークアップタグはアンカーの二重引用符の内側に配置されます。 混乱を避けるために、ネストされた引用符セットごとに一重引用符と二重引用符を使用して代替できます。

完全な URL から始める場合は、URL の HTTP アドレス（http:// または https://）の部分（.com/ まで）を削除します。 その代わりに、URL マークアップタグをストアに入力します。このタグの先頭には一重引用符を使用します。