shopify:选择任何颜色时我需要更改描述,描述应根据我的选择显示

问题描述 投票:0回答:1
javascript wordpress shopify
1个回答
0
投票

要解决根据 Shopify 中的颜色选择更改描述的问题,请确保 HTML 中的变体 ID 与您的 Shopify 产品变体的 ID 相匹配。这是对您的脚本的简要调整:

<script type="text/javascript">
$(document).ready(function() {
    // Function to change description visibility based on variant selection
    var selectCallback = function(variant, selector) {
        $('.description').hide(); // Hide all descriptions
        if (variant) {
            $('#' + variant.id).show(); // Show the description for the selected variant
        }
    };

    // Attach the function to variant selection changes
    $('select[name=id]').change(function() {
        var variantId = $(this).val();
        var variant = { id: variantId };
        selectCallback(variant);
    });
});
</script>
步骤如下:

  1. 检查变体 ID:确保 HTML 中的 ID 与 Shopify 后台中的 ID 匹配。
  2. 测试脚本:实现后,通过选择不同的变体进行测试,看看描述是否正确切换。
  3. 调试:如果描述未按预期更改,则查找任何控制台错误。

此脚本应根据 Shopify 中所选的变体正确处理显示和隐藏描述。

© www.soinside.com 2019 - 2024. All rights reserved.