2016-03-20 7 views
0

私は表示私のクライアントのShopifyサイトのブレッドクラムコードを作成しユーザーがどのコレクション/製品タグのURLを確認し、それを条件文で使用するにはどうすればよいですか?

コレクション>>製品タグ>>製品

例えば

食器>>プレート>>イエローストライププレート

サブカテゴリの作成には製品タグを使用しています。このブレッドクラムが機能しない唯一のシナリオは、1つの製品がコレクションの2つの異なるサブカテゴリにタグ付けされている場合です。たとえば、私たちはコレクション「パーティー好き」を持っており、それはサブカテゴリー(商品タグ)として「女の子の好意」と「男の子の好意」を持っています。木製のスピニングトップには、「女の子の好意」と「男の子の好意」の両方がタグ付けされています。従って、配列を通って行くときには、「男の子の好意」が最初に現れ、ユーザが女の子の好意のサブカテゴリから来て男の子がサブカテゴリを好むときの両方で商品ページに表示されます。私は男の子が好きな製品ページのためにそれを削除するので、 "男の子の好意"を削除するために削除を使用することはできません。

私のbreadcrumb.liquidページには、ユーザーがどのコレクション/ producttag URLから来たのかを知ることができます。その後、その情報を取得して変数を作成して、条件付きコードを作成して正しい商品タグを表示できます同じ商品が同じコレクションの下に2つのサブカテゴリを表す2つの異なる商品タグを持つ場合)

答えて

0

Shopifyは変数データを格納しません。ページをURLに基​​づいてレンダリングします。あなたのcollection.liquidテンプレートまたはproduct-block.liquidスニペットで、この作業

  1. が製品にリンクされているaタグを見つける得るためにJSと液体のコードを組み合わせて使用​​することができます。ただ、hrefの閉鎖前
  2. は、コードを関連したパン粉ではこのライン<script>var c_tag = decodeURI(window.location.hash)</script>
  3. を追加するには、右<\head>前に、あなたのtheme.liquidレイアウトでは、このコード{% if current_tags %}#{{ current_tags }}{% endif %}
  4. を追加し、特定のブレッドクラムにIDを与える属性。例では、<span id='r_tag'>boys favors >></span>としましょう。
  5. そのスパンは、この追加するには、右後:

    <script>if(c_tag == null || c_tag == $('#r_tag').innerHTML.replace(' &gt;&gt;','')){} else { $('#r_tag').innerHTML = c_tag + ' >>' }</script>

を超える1 current_tagsがある場合は、それに応じてコードを変更する必要があると思いますので、予めご了承ください。

+0

ありがとうございました!私はこれを試してみる。 –

+0

また、私はあなたの答えをまだアップアップすることはできませんが、できるだけ早く、私はします。 –

関連する問題