Shopify Изображения продуктов на страницах нашей коллекции постоянно меняются - PullRequest
0 голосов
/ 04 ноября 2018

Shopify: изображения товаров на страницах наших коллекций постоянно меняют размеры

Три гуру не смогли помочь с проблемой, с которой сталкивается наш некоммерческий магазин. Мы будем всегда благодарны, если вы сможете.

Картинки на страницах нашей коллекции постоянно меняются.

У нас есть эта проблема в Chrome, Safari и IE. Я на ПК. У этого коллеги, который никогда не был на сайте, была такая же проблема в нескольких браузерах на ПК. Я говорил сегодня с гуру, который был на Mac, и у него был такой же опыт. Да, я обновил свой кеш, и это не помогло (как мы узнали, когда у людей, которые никогда не были на сайте, была такая же проблема).

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

Пожалуйста, посмотрите эту коллекционную страницу нашего магазина, которая находится в разработке: https://gfh2.myshopify.com/collections/defenders-of-wildlife (Да, я знаю, что нет домашней страницы. Длинная история)

Конечно, все изображения товара должны быть одинаковой ширины. Но это не так, и они время от времени меняются и между браузерами.

Иногда все картинки очень маленькие, как вы видите на этом снимке экрана: https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_1.PNG?6100116406257966738

Иногда только несколько изображений появляются в очень маленьком размере, как показано на этом снимке экрана: https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_7.PNG?6100116406257966738

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

Иногда некоторые изображения выглядят несколько меньше, чем должны (в диапазоне от 70% до 90%, и как минимум три таких меньших размера, как вы видите здесь: https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_6.PNG?6100116406257966738

Иногда, если я щелкаю изображение продукта на странице коллекции, чтобы перейти к продукту, а затем нажимаю кнопку «Назад», чтобы вернуться на страницу коллекции, и сделать это несколько раз, изображение на странице коллекции отображается на правильный размер или в размере 70% или 85%. Однажды этим вечером понадобилось три поездки туда и обратно. В другой раз понадобилось семь поездок туда и обратно.

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

Когда я впервые загрузил эту страницу, сейчас все картинки были маленькими. Посмотри пожалуйста https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_11.PNG?16317572828225077891

Я щелкнул первый, чтобы перейти на страницу продукта, затем Назад на страницу коллекции, и сделал три круговых рейса, а затем это изображение появилось в правильном размере на странице коллекции. Посмотри пожалуйста https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_10.PNG?16317572828225077891

Я посмотрел на другой браузер (действия выше были в Chrome; я посмотрел на IE), и все картинки там оставались маленькими. Обновление страницы 10 раз не помогло.

Вернулся в Chrome. Кликнул по второй картинке и щелкнул назад, несколько поездок туда и обратно. Затем картинка на странице коллекции стала больше, но первая картинка превратилась в маленькую.

Большое спасибо!

1 Ответ

0 голосов
/ 04 ноября 2018

Shopify подает изображения на ваши страницы, изменяя размер файла изображения на сервере. Намерение состоит в том, чтобы улучшить время загрузки страницы, обеспечивая при этом правильное оформление для экранов различных размеров и макетов. Меньше файлов изображений для производства, а также.

Для этого серверу Shopify потребуется больше информации, чем просто имя файла, а также информация о размере.

Он использует {фильтр URL-адресов изображения} для включения данных о размере в имя файла изображения.

Это один из ваших URL-адресов изображений.

https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_1.PNG?6100116406257966738

Ниже приведен пример URL-адреса изображения, который включает размер изображения. Обратите внимание на «720x720» между названием изображения (туфли-лодочки) и форматом изображения (.jpeg).

https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes_720x720.jpeg?v=1459175177

Раздел справки для фильтров URL-адресов изображений гласит: «Если вы не включите размер изображения, фильтр возвращает маленькое (100x100) изображение». Это может объяснить вашу проблему. Вот URL справочной секции, на которую я ссылался.

https://help.shopify.com/en/themes/liquid/filters/url-filters#size-parameters

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

Есть и другие возможности. Мне нужно увидеть код темы для более четкого ответа. Свяжитесь со мной, если я могу помочь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...