Все больше людей у нас в стране начинают совершать покупки в Интернете, не выходя из дома в различных Интернет магазинах. Это удобно — походил по разным сайтам-магазинам, сравнил цены и товары, выбрал самый выгодный вариант и сразу же купил его, оплатив webmoney, с банковской карты или даже — платить придется потом наложенным платежом, когда товар доставят к вам на почту. Почему бы не создать свой магазин?

В чем же разница? В обычном магазине — вы видим товар, может его «пощупать», посмотреть со всех сторон, оценить качество. В Интернет магазине — мы видим только изображение товара, которое не передает до конца все представление об этом товаре. Но всегда можно почитать характеристики и описание товара, чтобы получить больше информации. Многие вещи смотреть в Интернете удобнее. Скажем, если вы выбираете мебель, в Интернете вы за час посмотрите все кухонные угловые диваны в нескольких Интернет магазинах, и сможете их сравнить, открыв картинки товаров в соседних вкладках. А в оффлайне — вам придется ездить по городу по десятку торговых центрах, причем и там — большая часть мебели представлена только в каталогах. Итак, вы уже поняли, что это удобно, теперь поговорим о создании собственного магазина, в частности — об изображениях товаров.

Коли уж картинка товара — это единственный способ получить о нем представление, лучше использовать большие изображения, на которых можно изобразить детали. Но места на странице не так много, поэтому традиционно используются миниатюры (уменьшенные копии товаров) и полный размер, который открывается или по клику по миниатюре или при наведении мышки на картинку с товаром. Есть несколько способов увеличить изображение. На многих сайтах — для картинки выделено место на экране, и в этом месте — открываются разные картинки при клике по миниатюре. Кто-то использует эффект лупы — отображение увеличенной области в небольшом квадрате. Кто-то открывает оригиналы товаров поверх основного окна и дает возможность листать миниатюры по клику по картинке. Скрипты для любого из этих способов — можно найти в Интернете уже готовые.


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>