2016-12-05 7 views
0

バリアントごとに異なるランディングページを設定することはできますか?バリアントのランディングページ

など。

https://store-w40xoh.mybigcommerce.com/chanel-the-cheetah/?sku=SKU-F4180933 - この1つはプリセットサイズM

https://store-w40xoh.mybigcommerce.com/chanel-the-cheetah/?sku=SKU-1A86555Bを持つべきである - これはあなたが以下のjQueryコードを試すことができますプリセットサイズSに

+0

はい、可能です! –

答えて

0

を持つ必要があります。基本的にswitchステートメントの条件としてskuクエリーストリング・パラメーターをロードします。特定のSKUは大文字と小文字を区別して入力します。そこから、QueryStringのSKUがcaseにあるSKUと一致する場合は、関連するオプションの物理的にclickが試行されます。

ページのソースを見ると、私はサイズとinput値との間に、次の関連締結しました:
XS = 68
S = 69
M = 70
L = 71
XL = 72

<script> 

    // On DOM Ready: 
    $(function() { 
    switch ($.urlParam('sku')) { 
     case 'SKU-F4180933': 
     // Set Size to M 
     $("input[value='70']").click(); 
     break; 
     case 'SKU-1A86555B': 
     // Set Size to S 
     $("input[value='69']").click(); 
     break; 
    } 
    }); 

    /** 
    * Gets a URL parameter by name. 
    * @param name <string> - The name of the URL parameter to get. 
    * @return <string|bool> - The value of the URL parameter, or false on fail. 
    */ 
    $.urlParam = function(name) { 
    var results = new RegExp('[\?&]' + name + '= ([^&#]*)').exec(window.location.href); 
    if (results == null) { 
    return false; 
    } else { 
    return results[1] || false; 
    } 
    } 
</script> 

これはテストされていないが、私はそれが動作することを保証することはできません。しかし、それは基本的な考えを与えることを望む。/

-1

リクエストURLを取得してsku idを取得できます。 SKU idを使用してページをカスタマイズすることができます。

私はを使用したので、リクエストURLに基​​づいてランディングページを設定する同様の要件がありました。このツールを使用して、クエリパラメータ、ドメインまたはサブドメインに基づいてランディングページを設定することもできます。

関連する問題