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

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

Чаще всего в Интернет магазине размещают видимые для посетителей миниатюры товаров, а по клику или при наведении мышки — в новом окне или в этом же — поверх — открывается увеличенное изображение. Как это выглядит на практике, можно посмотреть на сайте anabell-shoes.com.ua Интернет магазина, продающего обувь оптом на Украине. В категориях мы видим миниатюры обуви, по клику — открывается окошко с товаров, уже с миниатюрами товара в разных видах, при наведении — в специально отведенном месте — мы видим миниатюру побольше, а если хотим посмотреть на товар в деталях — то по клику откроется картинка в полном размере.

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


Подпишись на обновления блога по Сайтовед по 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>