變體着陸頁

Question

是否可以爲每個變體設置不同的着陸頁？

E.g.

https://store-w40xoh.mybigcommerce.com/chanel-the-cheetah/?sku=SKU-F4180933 - 這應該有預設的尺寸M

https://store-w40xoh.mybigcommerce.com/chanel-the-cheetah/?sku=SKU-1A86555B - 這應該有預設的大小S

Answer 1

你可以試試下面的jQuery代碼。基本上，它會加載sku查詢字符串參數作爲switch語句的條件，並逐個輸入特定的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> 

這是未經測試，所以我不能保證它會起作用。希望它給出了基本的想法。/

Answer 2

您可以獲取請求URL並檢索SKU ID。您可以使用SKU ID來自定義您的頁面。

我有類似的要求來配置基於請求URL的登錄頁面，所以我們使用www.grooveui.com也可以使用此工具，根據查詢參數，域或子域設置登錄頁面。