Flatsome — ваш премиум магазин на WordPress

Тема Flatsome выбранная сегодня для обзора является специализированной, а если точнее, то предназначена она для вашего магазина на основе плагина WooCommerce. Как многие знают, именно этот плагин интернет магазина для WordPress стал сегодня особенно популярным и скачан на момент написания этой статьи уже более 5 млн раз.
Не удивительно, что разработчики премиум тем давно обратили внимание на эту нишу и вовсю делают шаблоны специально заточенные под WooCommerce в частности и интернет торговлю вообще. В чем отличие таких тем от обычных? Во первых, это конечно безусловная поддержка последних версий WC. Во вторых, это уникальный дизайн для представления товаров в каталогах магазина, дизайн и особенности отображения корзины для товаров и станиц например, для оформления заказа. Кроме того, в такие темы часто встраивают такой функционал как — сравнения товаров, режим каталога, лупа для товаров и прочие.
Давайте посмотрим внимательнее, что же предлагает нам Flatsome — одна из лучших на сегодняшний день премиум тем для электронной коммерции на WordPress.
Тема не новая, продается уже немногим более года и недавно обзавелась версией 2+ По умолчанию, дизайн представлен в нескольких нейтральных, спокойных тонах. Всего семь цветовых стилей. Разумеется, пользователь всегда может их полностью изменить по своему вкусу. Начиная со второй версии шаблон получил собственный, удобный построитель страниц. Причем, в отличии от например, стандартного Visual Composer, местный композер в большей степени полезен именно для создания самых различных промо блоков на главной странице вашего магазина.
Большие возможности предоставлены для кастомизации шапки сайта. Стоит отметить еще улучшенный поиск, мощное мега меню и прекрасную работу с массой гугл шрифтов. В том числе, с поддержкой кириллицы.
В интернет — магазине на основе этой темы можно настраивать иконки для вашей корзины товаров, запоминать нужные товары для последующего сравнения, выводить товары без цен в режиме каталога, просматривать товары в «быстром» режиме — без перехода на саму страницу товара, отмечать товары как понравившиеся. Краткий список всех важных особенностей этой великолепной темы вы можете увидеть ниже.
Особого внимания заслуживает собственная, уникальная система построение блоков для любых страниц. Ведь для любого магазина главное — витрина. Для этого тут есть очень удобная система блочного построения ваших баннеров или любого, прочего контента. Простая и удобная штука с заранее заготовленными плейсхолдерами.
Особенности Flatsome
- Полностью адаптивный под любые мобильные девайсы дизайн
- Оптимизированные под управление пальцами слайдеры
- Анимированные (CSS animated banner effects) баннеры
- Parallax баннеры
- Загрузка собственного лого и иконки для корзины
- Ширина темы — во весь экран или ограниченная
- Не ограниченное количество сайдбаров
- Сайдбар слева или справа (в том числе для каталога товаров)
- UX Banner grid — система построения мульти баннеров
- Набор разных стилей для отображения бейджей типа «распродажа».
- Тонны собственных шорткодов на все случаи
- Прилипчивое меню навигации при скроллинге странницы
- Поддержка Google карт и 500+ шрифтов
- Flip Book (книжное перелистывание) слайдер
- Набор уникальных виджетов
Если владелец интернет магазина решит завести на нем еще и блог, или новости, Flatsome предоствит ему для этого все необходимое в виде удобной ленты записей, ничем не хуже чем в лучших блоговых темах.
Выводы
Превосходная тема для любого интернет магазина. Очень гибкая и хорошо настраиваемая, с целой массой полезных дополнений. За прошедший с начала продаж год, тема избавилась от любых, сколько-либо значимых багов и продолжает неспешно и уверенно «полироваться» и улучшаться авторами из месяца в месяц. Словом — хороший выбор!
Русский перевод скачать можно тут
Стоит почитать:
Что важно учесть при покупке премиум темы?
Theme Forest — как покупать?
Премиум темы — общее описание.
Дим, спасибо за обзор и особенно за приаттаченный перевод. Тема на самом деле очень достойная.
Дмитрий, вы как-то мне кидали ссылку на лендинг, сделанный на теме bi-shop, так вот у меня сейчас стоит задача сделать интернет магазин и я сравнивал bi-shop и героя вашего обзора (flatsome). Bi-shop тоже заточена под коммерцию и, кстати говоря, визуально она мне нравится больше. Почему вы отдали преимущество Flatsome? В чем, по вашему мнению, ее преимущество от Bi-shop?
Доброго времени суток! Пока Дима спит, встряну в Ваш разговор 🙂
На мой взгляд , безусловное преимущество Fllatsome состоит в безупречном качестве кодировки, отличной поддержке и как ни странно в том, что это единственная тема автора и он вкладывает все силы в ее развитие и поддержку.
Кстати внешне превратить Flatsome в Bi-shop не составляет никакого труда, а вот поддержка и качество бишопа, как впрочем и всех топиков от YouInspiration themes оставляет желать лучшего. Золотые времена этих ребят к сожалению уже прошли и они стараются брать не качеством, а количеством и штампуют внешне новые темы на старом фреймворке одну за одной. А багов в их платформе навалом.
Извиняйте, что влез
Полностью солидарен с Михаилом, добавить нечего.
Спасибо за подробный ответ, Михаил. Вот это знание матчасти! Оказывается, что выбор тему это целая наука ))
Прочитал еще раз статью «Премиум тема – что важно учесть перед покупкой» и понял, что я (в соответствии с напутствием) в общем-то обращал внимание на правильные вещи. Ведь в bi-shop аж 200 шорткодов, куча разных плюшек и все такое. Соответственно вопрос: Как я (исходя из того, что написал Михаил) могу понять, безупречный ли код у темы, отличная ли поддержка, используется старый или новый фреймворк..? Особенно, если еще учесть, что с английским туговато.
Чтобы выбрать правильную тему, надо спросить знающих товарищей или положиться на собственную интуицию.
Вениамин, мы с Дмитрием далеко не первый год на TF и первое на что обращаем внимание это уровень поддержки темы, квалификация автора и его отношение к пользователям. Например Sara_P, которая отписывается в комментах к бишопу на TF, вообще не является разработчиком, а чисто посредником. От них замучаетесь ответа ждать через их тикет систему.
Решать Вам.
ЗЫ. Я не как не аффилирован с автором Flatsome. Просто имел возможность на практике сравнить с бишопом.
Авторы же не пишут: у нас староватый фреймворк и недопиленная тема, дескать мы лохи и т.д. В комментах к самой теме все в принципе нормально…
Не видел есть ли здесь эта ссылка. На этом форуме можно задать вопросы и получить ответы практически по любой теме http://wpcommerce.ru/
Миша есть баннер в левом сайдбаре как минимум ) На wpcommerce.ru лучше задавать вопросы по темам для интернет магазинов.
Благодарю за ликбез. У меня идея возникла. А что если на сайте разместить что-то типа сводной таблицы по темам. По горизонтали, например, интернет магазины — список лучших тем, потом одностраничники — и соответственно список тем. А по вертикали — важные параметры, типа поддержка локализации и т.д. Как-то так. Думаю, это было бы полезно многим.
Категория «Обзоры лучших тем» уже есть, но их там не много. Вот наберется с сотню, можно и таблицы делать.
Дмитрий, а какие еще темы (кроме Flatsome) вы бы посоветовали для создания интернет-магазина? Хотя бы парочку фаворитов…
Спасибо за перевод, Дмитрий! Поставил, все отлично, но есть один момент: у меня не переведено содержимое страницы wishlist (список желаний). В чем может быть причина?
И еще, будьте добры, подскажите, возможно ли в этой теме на страницах с товарами вывести комментарии вконтакте?
Пожалуйста. Видимо нужно переводить плагин wishlist, а не тему. На странице товара можно включить сайдбар и выводите там, что Вам нужно.
А если не в сайдбаре, а вместо стандартных комментариев или выше их (например, сразу под товарной позицией), такое возможно штатными средствами или нужно прикручивать какой-то плагин?
Ну у Вас же есть тема, пробуйте.
Дим. а где этот Фластом можно купить? (простите чайника). А WP NICE — магазин — просто шик! Николай
В конце статьи ссылка на оф. страницу.
Дмитрий, всем тема хороша, но по части пользовательских настроек типографики — совсем грустно. Например, для того, чтобы настроить размер, цвет и пр. параметры шрифтов нужно лезть в код. Обычно для тем такого уровня все эти настройки находятся уже в админке…
Встречал однажды плагин какой-то, вроде как он позволяет все это сделать через настройки темы в визуальном режиме (В админке: Внешний вид/настроить). Может встречали такой плагин, как он называется? Или это не лучшее решение..?
Там есть настройки цветов для основного шрифта и заголовков. Просто они не в разделе Fonts а где-то в других разделах. Размеры можно легко задать в Custom CSS. По плагинам еще вот здесь — https://wpnice.ru/google-i-prochie-shrifty-v-wordpress/
Дмитрий, вы случайно не сравнивали скорость загрузки сайтов на Flatsome с сайтами на других темах (разумеется при прочих равных, например один сайт сделан при помощи композера, а другой — конструктора flatsome). Ме так кажется, что сайты на Flatsome в среднем грузятся на десктопах где-то на 30% быстрее, а на мобильных девайсах — раза в два! Может тема специально заточена под быструю загрузку на моб. устройствах или причина в чем-то другом?
Ни случайно, ни специально 🙂 Но вообще, если бы UX-themes выпустили свой композер отдельным плагином, можно было бы сравнивать. А так, не совсем корректно.
Значит просто тема сама по себе быстрая ))
Дмитрий, некоторые время назад в комментариях Михаил сказал (а вы подтвердили), что в темах от YouInspiration в целом и bi-shop в частности много разных багов. Дело в том, что я установил на тестовом сайте тему, взятую с просторов и поигравшись обнаружил несколько багов. Может в последнем обновлении их допилили (у вас же лицензионная версия этой темы)? Стоит ли покупать эту тему или в принципе, та версия (v.1.4.4), что я юзал ничем не будет отличаться от купленной?
Я сделал возврат темы сразу после того как разработчики фактически отказались устранять баги, сославшись на проблемы копплектующих плагинов. Возможно сейчас уже все поправили. Проблемы были в совместимости композера и аддона к нему же.
мда…
Кто юзал эту тему? Такой вопрос — сделал у всех кнопок скругленные края, щас захотел вернуть обратно и не могу найти в каком файле изменения сделал. Подскажите где это поменять можно
Всем привет! У меня вот тоже вопрос)) там где социальные иконки панель, следить в интаграм туб и т д когда наводим курсор, то выскакивает подсказка на английском «follow us on instagram» как её изменить? хочу на русском написать. Кто поможет?
В файле локализации весь перевод.
Как установить его, подскажите
Dmitry, вы не могли бы подробней рассказать? я новичок))
Его надо переводить https://wpnice.ru/kak-i-chem-perevesti-temu-ili-plagin-wordpress/
Dmitry, файлы локализации уже есть получается, остаётся их закинуть в папку languages, а что дальше?
Если уже есть файлы локализации с русским переводом, то остается только наслаждаться результатом.
Просто я их в папку закинул, но ничего не перевелось. Какие то есть ограничения?
Здравствуйте,
Не могу скачать файл локализации для этой темы. Не могли бы вы выложить его еще раз пожалуйта
Перезалил файлы. Попробуйте еще раз.
Спасибо, все работает.
Подскажите пожалуйста не могу найти где перевести фразу «Search for products»? которая находится в пустой строке поиска в header.
Нашел сам. Спасибо.
YIT Plugins > Ajax Search
Дмитрий, подскажите пожалуйста, можно во Flatsome сделать такое меню, как на этом сайте http://master-plus.com.ua Т.е. разместить меню с выпадающими списками не вверху, а в сайдбаре, чтобы оно отображалось на всех страницах включая страницы товаров. Теоретически, меню в виджеты можно запихнуть, но будет ли оно отображаться корректно (как и в хедере)?
Или может подскажете темы, где это реализовано уже, скажем, из коробки
Привет, почему то у меня бейджи распродажа не отображается, где это включить?
Привет. Товар-Данные товара—Extra-Custom Bubble Title
Подскажите как включить иконки Svg ?