Для предприятий электронной коммерции важно иметь высококачественные фотографии товаров. Это особенно актуально для Shopify, где фотографии товара занимают центральное место на странице товара.
По умолчанию Shopify изменяет размер фотографий, чтобы они соответствовали квадратному соотношению сторон. Хотя для некоторых продуктов это вполне подходит, другие продукты могут искажаться, и тогда они будут выглядеть не совсем идеально.
Чтобы избежать этого, вы можете использовать встроенную функцию масштабирования для увеличения фотографий товаров. Это позволит вашим клиентам увидеть ваши товары во всей красе, без искажений.
Чтобы использовать функцию увеличения, просто добавьте следующий код в CSS-файл вашей темы:
.product-single__photo { width: 100%; height: auto; } .product-single__photo-image { cursor: zoom-in; }
Таким образом, фотографии товара всегда будут иметь ширину 100%, и их можно будет увеличить, нажав на них. Имейте в виду, что вам может потребоваться изменить высоту фотографий, если они слишком велики для этой настройки.
После добавления кода в файл CSS вы можете протестировать его, перейдя на страницу товара и щелкнув на фотографии. Если все работает правильно, фотография должна увеличиться при нажатии на нее. Затем вы можете снова нажать на фотографию, чтобы уменьшить масштаб.
Функция увеличения — это отличный способ показать ваши товары во всех деталях. Используя ее, вы можете быть уверены, что ваши клиенты увидят ваши товары именно такими, какими вы хотите их видеть.