Решено — Не отображается картинка товара в Woocommerce
Alina-Alina
Новичок
- #1
подскажите, что могло сбиться в настройках?
В карточке товара высвечивается миниатюра и фото, а на странице сайта пустое место.
http://prntscr.com/cpqya3
http://prntscr.com/cpqyfb
Возможно, в Woocommerce что-то изменить?
Aris
Новичок
- #2
И как вы решили эту проблему?
altay
Новичок
- #3
Я тоже только начинаю осваивать Woocommerce и столкнулся с точно такой же проблемой.Alina-Alina написал(а):
В карточке товара высвечивается миниатюра и фото, а на странице сайта пустое место.
Нажмите для раскрытия…
При том, на том месте где должны быть фотография или фотографии — пустое место пропорционально количеству фотографий.. И если кликнуть по этой «пустоте» откроется фотография в полноразмере (у меня максимальный размер фото по длинной стороне 900pix)
Скажите, что необходимо сделать чтобы фотография на странице товара появилась?
altay
Новичок
- #4
Вот тут на нашем форуме описывают похожую проблему.
altay
Новичок
- #5
Но появилась другая проблема — при достаточном разрешении фотографии (900х599) вижу какую-то мазню. Фотографию пересохранил к себе на компьютер и вижу что смотрю я на растянутую фотографию 300х200, что очень странно..
При том что фотографий загружено 7шт.
Как поправить и где крутить пока не ясно.
В настройках отображения картинок на WP и WOO смотрел, и вроде бы сделал так как рекомендуют в теме на нашем сайте.
Попробую посмотреть куда они сохраняются, и может быть там проблемка.. Хотя не должно, ведь когда я не видел фотографии в карточке товара на предыдущей теме Twenty Twelve, но кликая в «пустоту» открывалась фотография в полноразмере 900х599.
altay
Новичок
- #6
Потихоньку разобрался, но чувство, что уже делаю по-второму разу не покидает.
Я для примера поставил существующий 900х599 и вижу что картинки стали видны, детализация в норме, но не 100% и разрешение примерно 850х550
Ужимается, хотя если эту же картинку открыть в другом окне, то увидим размер исходный и качество 100%.
Выход напрашивается: или делать картинки сразу же 800-850px по длинной стороне. Или оставить все как есть.
altay
Новичок
- #7
И да. Еще хотел сказать, что допустим я добавляю в карточку товара 2 фотографии предмета, орел и решка в «галерее товара». И задаю дополнительно «изображение товара», но на сайте в карточке товара вижу 3 фотографии: 2 из галереии товара и еще 1 из изображений товара.
Думаю, что это так тема работает
altay
Новичок
- #8
Пробовал уменьшать картинку (изображение товара) до 300х300 чтобы на главной смотрелось нормально. Это решает проблему на половину.
А смотреть на картинки товара внутри, кликнув по нему, то первая все равно растягивается и это очень не нравится.
Так же если навести курсором на миниатюрку, на главной странице, то ее контуры как бы размазываются. Этот эффект мне тоже не понравился.
В итоге сменил тему. И для готовлю фотографии для изображение товар (300х300) для другой темы. Там все работает как хотелось бы.
Войдите или зарегистрируйтесь для ответа.
Поделиться:WhatsApp Электронная почта Ссылка
6 шагов для загрузки фотографий в интернет-магазин
бизнес этси фото для бизнеса фотография продукта 29 июня 2022 г.
- Создать план
Прежде чем вы сможете что-то сделать, вам нужно остановиться и подумать о том, какие фотографии вы действительно хотите разместить в своем магазине. Начните с изучения требований к изображениям для вашего магазина. Сколько фотографий разрешено загружать и какого размера они должны быть (не забывайте про миниатюры).
Теперь подумайте, какие фотографии вам действительно нужны. Например, вам может понадобиться базовая фотография продукта на белом фоне, несколько снимков образа жизни, снимки деталей, масштабные снимки и групповые снимки. Для получения дополнительной информации о них посетите мой блог о 5 типах фотографий продуктов.
Чтобы узнать больше о планировании фотографий, вы также можете перейти по этим ссылкам:
Ошибки, которых следует избегать при планировании фотосессии
Зачем нужен план - Снимайте свои фотографии
Теперь у вас есть план, вы можете начать делать фотографии. Убедитесь, что вы следуете своему плану и уделяете пристальное внимание освещению, размещению продукта, углу камеры и балансу белого. Также убедитесь, что вы оставили достаточно места вокруг вашего продукта для последующего кадрирования.
Сделайте один снимок, посмотрите на снимок на экране камеры и просмотрите его. Спросите себя, что на фото работает, а что нет. Спросите, как вы можете улучшить фотографию, какие небольшие изменения вы можете внести.
Затем внесите эти небольшие изменения, сделайте еще одну фотографию и просмотрите ее. Продолжайте повторять этот процесс, пока не будете довольны результатом.
Если вы хотите узнать больше о процессе планирования, съемки и совершенствования ваших фотографий, ознакомьтесь с моими фотографиями продуктов Take Stand Out
- Редактируйте свои фотографии
После того, как вы сделаете снимок, вам нужно будет немного отредактировать его, чтобы он действительно сиял. Теперь я действительно имею в виду лишь небольшое редактирование, вы просто улучшаете фотографию, а не исправляете ее.
Некоторые варианты редактирования, которые вы, возможно, захотите попробовать, включают регулировку яркости, добавление контраста, исправление цветов или удаление фона.
Если вы хотите узнать, как редактировать свои фотографии с помощью Adobe Lightroom, оставьте комментарий ниже, и я предоставлю вам дополнительную информацию о том, как вы можете это сделать.
4. Обрезка фотографий для правильного соотношения сторон
Последним этапом редактирования фотографий является их обрезка до правильного соотношения сторон. Это размер изображения, который вы проверили на этапе планирования. Различные веб-сайты имеют разные пропорции для своих изображений. В зависимости от сайта, который вы используете, они могут предоставить вам соотношение сторон, такое как 1X1 (квадратное изображение), или размеры в пикселях, такие как 2500X2500 (также квадратное изображение).
В большинстве приложений для редактирования есть инструмент обрезки, который позволяет ввести произвольный размер. Введите размер, указанный на веб-сайте вашего магазина, и перетащите инструмент обрезки на свое изображение. Убедитесь, что вы используете урожай, который четко показывает ваш продукт наилучшим образом.
Еще раз дайте мне знать в комментариях, если вы хотите узнать больше об кадрировании ваших фотографий.
5. Экспорт из программного обеспечения для редактирования
Если вы редактировали и кадрировали в программном обеспечении или приложении, вам нужно будет экспортировать или сохранить это изображение на свой компьютер или телефон.
При этом убедитесь, что вы сохраняете изображение в формате jpeg высокого качества, но с достаточно малым размером файла, чтобы оно быстро загружалось на ваш сайт. Мое общее правило — ограничить размер файла до 5 МБ.
Если вы хотите узнать больше об экспорте и сохранении файлов, дайте мне знать в комментариях.
6. Загрузить в интернет-магазин
Наконец-то вы можете загрузить свои фотографии в интернет-магазин. Следуйте инструкциям на сайте вашего магазина, чтобы загрузить фотографии.
После загрузки проверьте качество, время загрузки и то, что они в целом хорошо выглядят. (Если что-то выглядит не так, возможно, вам придется вернуться к этому списку. )
Добавьте броское название, описание, цену, и все готово!
Вот оборудование, которое вам действительно нужно для фотосъемки товаров для вашего интернет-магазина
Не так давно фотография товаров была дорогой головной болью. Каждый раз, когда ритейлерам требовались снимки продукта, им приходилось платить профессионалам сотни или даже тысячи долларов.
Сегодня каждый может создавать высококачественные изображения прямо со своего телефона. Это почти ничего не стоит, но отдача огромна: больше продаж.
Просто спросите Etsy: они обнаружили, что 90% их продаж были обусловлены качеством изображения. Тенденция имеет смысл. Онлайн-покупателям нужны фотографии для оценки товаров. Чем выше качество фото, тем увереннее люди будут чувствовать себя при покупке.
Не оставляйте распродажи на странице с размытыми, занятыми фотографиями. Узнайте больше о необходимом вам оборудовании и о том, как его использовать, чтобы делать снимки продуктов, которые удивят клиентов.
Камера: подойдет ваш смартфон
Современные телефоны с камерами идеально подходят для начинающих фотографов. Устройства предназначены для автоматического поиска лучшего снимка даже при слабом освещении или при дрожании рук, что позволяет легко сделать четкий снимок.
Это не значит, что цифровые камеры исчезли. Благодаря большему количеству функций, чем у смартфона, цифровые камеры дают вам больше контроля над снимками вашего продукта. Просто будьте готовы делать домашнее задание. Вы не сможете воспользоваться преимуществами этих камер, если не изучите их тонкости.
Ознакомьтесь с рекомендуемыми ниже смартфонами, если ваш бюджет и время ограничены. Мы также рассмотрим несколько вариантов цифровых зеркальных камер для начинающих для тех, кто хочет инвестировать в профессиональную камеру.
Смартфон
Вам может быть интересно, можете ли вы просто использовать свой текущий смартфон.
Вероятно, да. Убедитесь, что камера вашего телефона имеет разрешение не менее 12 мегапикселей и функцию автофокуса (актуально для большинства смартфонов на рынке после 2017 года).
Если у вас нет, пришло время инвестировать в новый телефон. Вот несколько рекомендаций смартфонов от TechRadar, которые следует учитывать, если вы хотите делать отличные фотографии:
- iPhone 11 Pro (999 долларов США)
- Плюсы: Постоянные цветовые и тональные профили для трех объективов телефона.
- Минусы: Дорого.
- Google Pixel 4 (799 долларов США)
- Плюсы: Исключительный контроль экспозиции — он может отображать детали даже в темных и затененных местах. Идеально подходит для фотосъемки товаров при слабом освещении.
- Минусы: Плохое время автономной работы.
- Huawei P30 Pro ( $680)
- Плюсы: Использует датчик RYYB (красный, желтый, желтый, синий), а не стандартный датчик RGB (красный, зеленый, синий), для захвата большего количества света и деталей.
- Минусы: Непоследовательный взгляд на три объектива телефона. Изображения иногда перенасыщены фиолетовой бахромой.
Чтобы узнать больше о смартфонах, ознакомьтесь с полной подборкой лучших камерофонов 2020 года от TechRadar.
ЦИФРОВЫЕ КАМЕРЫ для начинающих
Если вы хотите выйти за рамки качества камеры смартфона, цифровая камера, также известная как цифровая зеркальная камера с одним объективом или DSLR, — это следующий шаг. Вот несколько вариантов начального уровня, которые Fix the Photo рекомендует вместе с предлагаемыми объективами. У этих цифровых зеркальных камер больше возможностей, чем у камеры телефона, но они не настолько продвинуты, чтобы быть непосильными для неопытных фотографов.
- Nikon D7200 (700 долларов США)
- Плюсы: Усовершенствованная система автофокусировки. Длительное время автономной работы.
- Минусы: Экран нельзя двигать.
- Рекомендуемый объектив: Объектив Nikon AF-S FX NIKKOR 50mm f/1. 8G (200 долларов США).
- Canon EOS REBEL T7i ( $700)
- Плюсы: Простой интерфейс. Имеет встроенную систему обучения, помогающую новичкам пользоваться камерой.
- Минусы: Маленький видоискатель.
- Рекомендуемый объектив: Canon EF 100mm f/2.8L IS USM (500 долларов).
Дополнительные предложения для начинающих пользователей цифровых зеркальных камер см. в этом ресурсе Fix the Photo.
Штатив
Неважно, насколько хороша ваша камера — если она не стабильна, вы, вероятно, получите размытый снимок.
Решение — штатив: подставка на трех ножках, которая удерживает камеру на месте во время съемки. Это особенно важно использовать, если вы предпочитаете низкий ISO — популярный параметр камеры, который уменьшает зернистость (перейдите к следующему абзацу, если вы не хотите вдаваться в технические подробности). Однако низкое значение ISO создает больше размытия, потому что вы должны сочетать его с длинной выдержкой. Фотографы полагаются на штативы, чтобы уменьшить это размытие, но при этом свести к минимуму зернистость при низком значении ISO.
Всего за 15 долларов вы можете приобрести его для своего смартфона или цифровой зеркальной камеры.
Фотография продукта — это не голливудская фотография. Вам не нужны массивные камеры и съемочная группа, чтобы делать качественные снимки. Все, что вам нужно, это штатив, ваш телефон или цифровая зеркальная камера и продукты для съемки! Но ваши изображения могут быть еще лучше с освещением и белым фоном.
Какая самая дешевая установка камеры? 15 долларов за штатив. Используйте свой текущий смартфон в качестве камеры.
Освещение: Солнца (почти) достаточно
Естественное освещение — один из величайших даров жизни. Если светит солнце и у вас есть пространство с окнами, у вас есть все необходимое освещение для фотосъемки.
Единственным недостатком является то, что вам не хватает контроля: вам придется снимать в светлое время суток, и даже если вы это сделаете, вам, возможно, придется бороться с облаками или слишком резким светом.
С искусственным освещением вы всегда сможете создать нужный кадр, независимо от погоды и времени суток. В этом нет необходимости, но это позволяет вам делать постоянно хорошо освещенные снимки продукта.
Естественный свет
Первым этапом освещения является размещение. Для естественного освещения это означает размещение камеры, продукта и окна под прямым углом друг к другу, чтобы солнце освещало ваш продукт, не ослепляя камеру.
[Источник]
Теперь измените свет, используя следующие настройки:
- Если солнечный свет слишком резкий или создает тени, поместите белую бумагу или прозрачную белую занавеску на окно , чтобы рассеять свет.
- Выключите электричество. Солнечный свет и электрический свет имеют разные цвета, поэтому используйте только солнечный свет, чтобы ваш снимок был последовательным.
- Если вы снимаете темный объект, используйте белую пробковую доску для отражения света на продукт . Поместите пробковую доску с другой стороны изделия так, чтобы изделие оказалось между пробковой доской и окном.
[Источник]
Ключом к естественному освещению является работа с солнцем. Вместо того, чтобы ждать дня, когда солнечный свет будет достаточно ярким или тусклым, вы вносите изменения, пока свет не станет правильным.
Искусственное освещение
Не все хотят играть в игры, требующие естественного освещения. Если вы хотите больше контроля над съемкой, выберите вместо этого искусственное освещение.
Все, что вам нужно, это базовая установка с двумя источниками света для освещения вашего продукта с обеих сторон. Вы можете купить их на Amazon за 60 долларов.
[Источник]
Бренд-фотограф Миша Хетти рекомендует использовать один источник света в качестве основного источника света . » Это тот, который вы наводите прямо на продукт , — говорит Хетти. “ Все, что вам нужно сделать, это установить его с одной или с другой стороны камеры. ”
Другой источник света – это ваш заполняющий свет , который идет с противоположной стороны основного источника света. « На самом деле он нужен только для того, чтобы подобрать место, где заканчивается заполняющий свет, поэтому уменьшите интенсивность или отодвиньте его подальше от объекта, », — говорит Хетти.
Если у вашего изделия тонкие края, например у меховой куртки или украшения с драгоценными камнями, вы также можете использовать третью подсветка . Он размещается позади и над продуктом, чтобы подчеркнуть детали его поверхности. Вы можете купить установку с тремя источниками света на Amazon за 85 долларов.
Вот как выглядит установка искусственного освещения:
[Источник]
Чтобы узнать больше об искусственном освещении, ознакомьтесь с этим ресурсом от Clipping Path India.
Какая самая дешевая установка освещения? $0 при естественном освещении.
Фон: белая бумага делает свое дело
Есть причина, по которой большинство фотографий продуктов имеют белый фон: белый цвет отражает свет обратно на продукт, поэтому его детали видны. Белый фон также легко ретушировать в процессе редактирования, потому что это сплошной цвет.
Чтобы установить фон, вам понадобится «развертка» — то, на что можно повесить белую бумагу. Развертка, которую вы используете, зависит от размера вашего продукта. Для продуктов малого и среднего размера вы можете использовать стул или стол в качестве подметальной машины. Для крупногабаритных товаров требуется подметальная полка, при которой продукт размещается на полу.
Подметалка со стула или стола
Стреляйте небольшими предметами — шириной не более фута или двух — на подметальной машине со стулом. Установка проста: просто прикрепите белую бумагу к спинке стула с помощью пружинных зажимов.
[Источник]
Развертка стола для продуктов среднего размера аналогична. Приклейте белую бумагу к стене, дайте ей задрапироваться на столе, а сверху положите продукт.
[Источник]
Если вы используете естественное освещение, имейте в виду, что вам понадобится стена рядом с окном, чтобы ваш стол работал.
Красота подметания стульев и столов заключается в их простоте. Вы можете создать их за считанные минуты из расходных материалов и мебели, которые уже есть в офисе.
Подметальная щетка
Для изделий шириной и высотой в несколько футов вам понадобится подметальная щетка. Самый простой, но и самый дорогой вариант — готовый. Этот набор стоимостью 145 долларов от B&H поставляется с подставкой, рулоном бумаги и дорожной сумкой.
[Источник]
Если вы снимаете продукты в нескольких местах, вы избавите себя от многих головных болей с помощью этого мобильного фона.
Если вы планируете снимать в одной локации и у вас небольшой бюджет, сделайте своими руками фон для крупных изделий. Нью-Йоркский институт фотографии предлагает повесить рулон белой бумаги на бечевку и крючок, который может выдержать не менее пяти фунтов, и прикрепить концы бумаги к полу.
[Источник]
Просто имейте в виду, что вам нужна белая стена, чтобы этот фон работал. В противном случае цвет вашей стены может просвечиваться сквозь белую бумагу.
Для создания белого фона не требуется много времени, и эти первоначальные вложения сохраняются в течение многих лет. Даже самые короткие рулоны белой бумаги имеют длину от 20 до 30 футов, и вы можете повторно использовать бумагу для нескольких съемок.
Какой фон самый дешевый? 40 долларов. Стандартный рулон белой фоновой бумаги стоит 30 долларов. Инструменты для подвешивания — лента, зажимы, гвозди, шпагат — должны стоить 10 долларов или меньше.
Редактирование: бесплатное программное обеспечение для ретуши ваших снимков
Предложенные на данный момент камера, освещение и фон помогут вам сделать достойный снимок, но ваша фотография, вероятно, не будет идеальной. Не парься! Существует бесплатное и простое в использовании программное обеспечение для редактирования фотографий.
Fotor
Если вам нужен простой онлайн-редактор фотографий, вам подойдет Fotor.
Инструмент позволяет внести ряд простых изменений в фотографию вашего продукта, например, изменить ее яркость и насыщенность. Не хотите обрабатывать какие-либо эффекты? У Fotor есть кнопка улучшения одним нажатием, которая автоматически ретуширует вашу фотографию одним щелчком мыши.
Когда вы освоитесь с редактированием фотографий, вы можете попробовать инструмент с более продвинутыми возможностями.
Gimp
GIMP намного более технически совершенен, чем Fotor. Помимо основных функций редактирования, GIMP имеет возможности уровня Photoshop, такие как кисти и слои. Бонус: это инструмент с открытым исходным кодом, поэтому разработчики постоянно его обновляют.
[Источник]
Мощное программное обеспечение для редактирования, GIMP требует некоторого привыкания. Начните с этих руководств.
Pixlr/PixlrX
Оригинальный Pixlr считается одним из лучших бесплатных онлайн-инструментов для редактирования. Его дизайн похож на Photoshop, и он предлагает ряд дополнительных функций — настраиваемые кисти, слои, маски и многое другое.
К сожалению, Pixlr работает на Flash, от которого Adobe постепенно отказывается. Существует новая версия Pixlr — PixlrX, которая работает на HTML, но в ней отсутствуют расширенные функции оригинального инструмента.
С другой стороны, PixlrX по-прежнему имеет такой же удобный дизайн и справляется с основными потребностями редактирования. И если вам нравится старый Pixlr, вы все еще можете использовать его в краткосрочной перспективе, пока Flash все еще существует.
Photoshop (не бесплатно, но стоит упомянуть)
Да, Photoshop стоит 10 долларов в месяц, но мы не можем говорить о редактировании фотографий, не упомянув об этом инструменте. Это, пожалуй, наиболее широко используемое программное обеспечение для редактирования фотографий.
[Источник]
Программа Photoshop пользуется хорошей репутацией благодаря своим мощным функциям. Digital Camera World сообщает: : «Его поддержка выделений, масок и слоев не имеет себе равных».
Конечно, программное обеспечение довольно сложное, но компания хорошо помогает новым пользователям освоить основные функции с помощью всплывающей анимации.