Отображение одного варианта цвета на странице продукта Shopify

#colors #shopify #product #liquid #variant

#Цвет #shopify #продукт #жидкость #вариант

Вопрос:

Я пытаюсь отображать только один вариант цвета моего продукта в любое время, когда он выбран.

Я могу заставить его работать, когда я вручную назначаю изображение каждому из цветов продукта, но когда я загружаю новый файл .CSV, он перезаписывается. Поскольку в этом магазине будут сотни товаров, это не жизнеспособное решение.

Любая помощь будет с благодарностью принята. Спасибо.

Ссылка на файл .CSV

https://docs.google.com/spreadsheets/d/1trq0X3MjR-n2THFnT8gYYlwKscnQavCeeZ8L-ifYaHw/edit?usp=sharing

Ссылка на страницу продукта

https://tomgarrad.myshopify.com/products/lightweight-trainers?variant=37878137356461

Комментарии:

1. В магазине есть пароль, не могли бы вы поделиться им, чтобы я мог взглянуть?

2.Пожалуйста, смотрите Ниже вставку ко всему отредактированному мной коду — если вам нужно что-то еще, просто дайте мне знать, или я могу предоставить вам доступ. продукт-шаблон.жидкость pastebin.com/Bt7VxTKZ theme.js pastebin.com/MnkMEWeA

Ответ №1:

Используйте Shopify API вместо загрузки из электронной таблицы. Это позволяет вам делать много вещей, следующий код будет загружать продукт:

 POST /admin/api/2021-01/products.json
{
  "product": {
    "title": "Lightweight Trainers",
    "body_html": "<strong>Great trainers!</strong>", #Description
    "vendor": "Tom", #The name of the products vendor
    "product_type": "Trainer",
    "variants": [
      {
        "option1": "Blue",
        "price": "10.00",
        "sku": "123" #code
      },
      {
        "option2": "Red",
        "price": "10.00",
        "sku": "123" 
      }
    ],
    "images": [
      {
        "attachment": "R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==n"
      }
    ]
  }
}
 

Вложение изображения имеет кодировку base64, поэтому имейте это в виду при загрузке изображений. Shopify имеет очень подробную документацию по своему API, и ее легко настроить. Надеюсь, это сработает для вас.

Комментарии:

1. Спасибо Insula — я ищу только синие изображения для отображения, когда выбран синий вариант, и то же самое с красными изображениями, когда выбран красный. По сути, для скрытия любых эскизов / изображений любого варианта цвета, который в данный момент не выбран. Помогает ли это вообще?

2. Итак, вы хотите, чтобы отображаемое изображение сначала было синим, с выбранным синим вариантом. Затем, если пользователь выберет красный, он отобразит изображение для красного? Если это так, позвольте мне написать для вас некоторый код, и я отредактирую свой ответ, когда закончу

3. Это именно то, что нужно! Спасибо.

4. Я должен упомянуть, что при выборе варианта синего цвета также будут отображаться синие эскизы и скрываться красные эскизы. И наоборот, если выбран красный. Еще раз спасибо.

5. Большое вам спасибо @Insula — у меня возникли бы проблемы с выбором альтернативного изображения для каждого варианта, если это то, что вы предлагаете на шаге 1, поскольку каждый раз, когда я загружаю новый CSV, они удаляются; и поскольку у меня сотни продуктов, я не смогу делать это каждый раз.время. У меня есть альтернативный текст изображения в CSV, уже использующий текст в качестве названия цвета, достаточно ли этого? Я скоро пройдусь по вашим шагам, еще раз спасибо.