Shopify アプリに関する話題はこちら
Product Reviewsアプリのsettingsの下段にある
Badget text >Badge with 1 or more reviewsの項目ですが、
トップページに掲載している商品にレビューを表示して、その商品の投稿されたレビューに飛べるように下記リンクを作成したのですが。
<a class="reviews_link" href="#ProductAside">{{product.reviews_count}} 件のレビュー</a>
現状これですと商品詳細ページのaタグをクリックしないと投稿されたレビューに飛べません。
aタグのhref=""の部分をどのように指定すれば、トップページ>クリックした商品詳細>投稿レビューの箇所 にリンクするかご教示いただけないでしょうか。
テーマ:prestage
少々状況を把握しかねているのですが、記載されているコードはページ内リンク(同一ページの指定IDの箇所に移動するためのリンク)なので、それを別ページ(=商品ページ)のProduct Reviewsのレビューの場所に移動するようにしたいということであっていますでしょうか?
該当のaタグ書かれている状況が不明なので推測になりますが、product.reviews_countが意図通りに動いているのであれば、以下のようにproduct.urlを使えば実現できるかなと思います。
https://shopify.dev/api/liquid/objects/product#product-url
<a href="{{ product.url }}#ProductAside">{{product.reviews_count}} 件のレビュー</a>
上記は以下が前提となります。
意図通りに動作しない場合は、該当のaタグ付近に{{ product.url }}だけを書いて出力される値を確認してください。
何も表示されなかったり意図したURLではない場合は、そのままではproduct.urlは使えないということになり、コードを作り替えたり他の方法を探す必要があります。
product.urlの値が意図通りであれば、跳び先のidがProductAsideで合っているのかを確認してください。
ただし跳び先のタグがJSなどでページ表示後に後から出力される場合、JSでページ内リンクを動作させるようにする必要があるかもしれず、その際は作業難度が上がります。
以上ですがうまくいかない場合は、アプリの画面からサポートに相談したり(Shopify製なのでShopifyの方が対応されると思いますが)、エキスパートやパートナーに依頼されることもお勧めします。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024