从滑块中删除变体的大小图片 - Shopify

时间:2017-06-10 05:13:54

标签: javascript html css shopify liquid

我们有一家shopify商店,我们进口了产品csv。它处理得很好,但我们现在看到颜色的重复变体图像。它基本上复制了颜色变体图像,并显示了几乎相同数量的尺寸变体的相同颜色图像。虽然Shopify仪表板中的所有内容都很好看,但只有店面正在复制变体图像。

我一直在努力使用Shopify支持,他们建议手动删除重复的图像,这是通过17k变体图像的巨大任务。我们希望有一种方法可以从代码中解决这个问题。请帮忙。

有没有办法可以使用Shopify或JS / CSS的liquide代码隐藏/删除图片,是否可以?

这是生成图片的代码。

rooms: function(){
    var board, text = "Here are the lists of boards, followed by the slug:\n\n";
    Request('https://[redacted]/api/1.0/boards/', function (error, response, body) {
        board = JSON.parse(JSON.minify(body));
        for(var i=0; i<board.length; i++){
            text += board[i].title + ": `" + board[i].slug + "`\n";
        }
        text += "\n Shows the list of topics in specific board with `!fbot view [slug]`";
    });
    console.log(text);
    return text;
}

1 个答案:

答案 0 :(得分:0)

尝试添加类似

的内容
 {% for option in product.options_with_values %}
    {% if option.name == "Color" %}
        {% capture colorCount %}
          {{ option.values.size }}
        {% endcapture %}
    {% endif %}
 {% endfor %}

产品代码上方的某处,以获取您拥有的颜色选项数量。然后根据您拥有的颜色数量限制显示。这假设您不希望显示更多图像而不是颜色。

然后说明以下内容:

{% for image in product.images %}

limit:colorCount 添加到结尾作为过滤器。这将使液体只显示足够的图像来覆盖颜色计数。

{% for image in product.images limit:colorCount %}

这仍然是一个hackfix,因为我不完全确定为什么这些图像会出现 - 当你上传你的csv时,它可能是一些奇怪的列猖獗。

希望这会把你推向正确的方向。