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

Сайт по сути представляет из себя красивую галерею картин с формой обратной связи и функцией добавлений картин в «закладки» или «избранное», кому как)

Давайте расскажу вам немного о главной странице сайта:

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

У главной страницы сайта есть 2 вида отображения. Вы скорей всего заметили в навигации значок расширения поля, он скрывает некоторые детали сайта и картины становятся еще больше. Это как раз и есть второй вид главной страницы.

Картины теперь отображаются практически на весь экран.

Давайте теперь я расскажу вам о функции добавления картин в «избранное». Чтобы реализовать эту функцию, мы использовали плагин для wordpress и немного изменили некоторые функции под себя, что бы все успешно было интегрировано в сайт.

Для добавления картин в закладки, на сайте необходимо пройти регистрацию. После регистрация вам откроется эта функция. Так как сайт на Польском языке, могут возникнуть трудности с переводом. Лично у меня google переводчик барахлит при переводе именно Польских сайтов. После входа на сайт, вам достаточно нажать на «сердечко» в левом углу сайта при перелистывании картин и она тут же попадет на вкладку «закладки», которая находится в меню сайта.

Вот что у нас получилось) Картина в закладках, выравнивание идет плиткой. Функция очень удобная, я бы использовал её во всех интернет-магазинах.

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

Вторая форма под самой картиной, что бы можно было мгновенно задать вопрос или оформить заказ:

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

Вот еще пару скринов с адаптивностью:

И вызов формы с главной:

На этом все друзья ! Ссылка на сайт: stoobraz.pl


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

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