Youpi - Новый Шаблон От Alexbranding

[alexbranding]

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

Мы не раз помогали пользователям модуля от Симтек выводить стоимость доставки товара на его странице в связке с определением места пользователя. Если нужно, сделаем урок но… вы поймите, логика получения и показа данных по доставке в каждом проекте отличается и на уровне шаблона такое делать нерационально (на уровне шаблона делается только функционал, который будет использовать 80% пользователей независимо от тематики и типа магазина)

Ответ на ваш вопрос: нет, обеспечивать вывод данных из блока мы не будем, используйте для этого модули (их много). Мы поможем сделать вывод в блок. Если это будет повсеместно использоваться или наймите разработчика - это час максимум работы с готовым модулем оживить данные в мотивационном блоке.

Касательно планов:

1. мотивационный блок в юни2 (мы активно ведем разработку) будет модулем (в нем будет, как конструктором набираться пункты (удобный интерфейс создания и управления пунктами)
2. блок перестанет быть блоком (в системе сс карта), а уйдет в настройки модуля
3. мы добавим возможность админу разрешать управлять данными для вендора (в мультивендорных установках)

[Vic986]

Добрый день.
Можно ли в меню youpi использовать 2 разных формата текста, как в примере ниже?

Также, хорошо бы изменить расположение кнопки быстрый просмотр - сейчас она не видна и ей никто не пользуется, а ведь это шикарный способ ускорить осмотр и покупку товара. Сейчас она спрятана и нужен клик, чтобы появилась (хотя никто из новых посетителей не поймет, что это за кнопка):

А вот, как у конкурентов - при наведении курсора на товар появляется кнопка быстрый просмотр:

Решением было бы при наведении на товар появление кнопки:

Сейчас при наведении курсора товар сдвигается вверх, появляется пустое место между текстом и товаром - его можно заполнить кнопкой быстрого просмотра.

Спасибо, Очень жду вашего ответа.

[Vic986]

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

Пожалуйста, напишите, какое должно быть соотношение размера баннера и основного изображения, чтобы еще хватило места для описания и кнопки. За основу можно взять баннерную плитку в шаблоне Youpi: Размер баннера 290х320px.

Вот например как баннер обрезает фото:

Почему обрезал, что не понравилось?

Вот другой баннер - фото вставлено еще большего размера. Так он не обрезал, а уменьшил фото:

Почему не обрезал, а уменьшил? Где это можно узнать?

Разве сложно написать или снять на видео создание с нуля хотя бы 1 расширенного баннера в списке товаров с разъяснением зависимости размеров баннера, размера фото, размеров шрифтов, наличия или отсутствия кнопки?

Вы сделали классный продукт, но кто как не вы должны дать инструкцию, как им пользоваться?

Сейчас, чтобы разобраться приходится каждую настройку сохранять и смотреть что получилось, потом менять фото, менять настройки - снова смотреть. Это просто ужас.

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

В итоге получается, что проще делать в Photoshope.
Редакция через 7 часов:
Повторюсь, вы сделали суперский продукт. Но без инструкции, которая описывает все этапы создания и правила создания этих баннеров (какое должно быть фото, какой фон, размеры и зависимость от размера баннера, взаимозависимость с текстом, кнопкой, расстояния между заголовком и описанием, можно ли менять и как и т.д.) - без этого не получается использовать этот классный продукт по максимуму. А хотелось бы. Сегодня, чтобы хоть чуть разобраться сидел над баннерами 11 часов. Не самый лучший способ разбираться в продукте. 100% я понял только верхушку айсберга, осталось много вопросов, они ниже.

Очень жду от вас инструкцию по настройке расширенных баннеров в списке товаров.

С уважением,
Виктор

[Vic986]

Вот например отступы:

Значит, чтобы пользоваться нормально продуктом “Расширенные баннеры” нужно специально готовить фото - заранее закладывать отступы, делать размер исходя из размера самого баннера (сейчас пропорции вы должны узнать методом тыка).

и где об этом можно узнать? Нет ни одной инструкции, хотя продукт уже давно вышел на рынок.
Смотрю сайты с расширенными баннерами: bokal.ru, ognidoma,sklep.puregreen.pl, wesco-rus.ru используют только фоновые изображения, нет основных изображений и фона. Такой формат подходит только для главных баннеров, и почему об этом ни слова? Другие сайты из примеров на сайте alex.branding вообще товарную плитку не делают - видимо очень просто ее сделать качественной.

Приходится потратить пол-дня чтобы понять, что не стоит мучиться использовать совместно фоновое изображение и основное - результат будет ужасный.

Редактирую запись через 3 часа работы на расширенными баннерами в списке товаров:

Советы тем, кто столкнется с баннерами впервые для баннера размером 290х320px размер фото должен быть ШхВ: 285х260 и сверху стоит заложить отступ пикселей в 5, чтобы картинка не прилегала к верхнему краю.

И вопрос:

Отступы не работают для текста - я хочу поднять текст выше и не получается. Можно задать хоть 1000px для отступа от нижнего края - не работает. Текст расположен строго у нижнего края и никак не поднимается. Как поднять текст вверх от нижнего края?

[AndreyJ]

“пустое место между текстом и товаром” там не пустое место, там выводятся характеристики товара или краткое описание.
Про баннеры - загрузи демоданные и делай по аналогии, сам так выкручивался.

---

А вообще поддерживаю - решение с кнопками в списке товаров нельзя назвать удобным.
И размеры картинок тоже удобнее было бы описать прямо в модуле, вот тут.

[Vic986]

Добрый день. Спасибо, выкручиваться не вариант. Поэтому жду очень инструкции от Alexbranding. Эта инструкция точно не мне одному нужна.

По поводу кнопки быстрого просмотра:
Что касается места для характеристик, то ради большой и понятной кнопки быстрого просмотра я готов пожертвовать наличием характеристик.

Текущий формат кнопки быстрого просмотра не повышает конверсию и не помогает клиенту на сайте — что она есть, что ее нет — чтобы клиенты ее нашли нужно сделать выплывающее окно с инструкцией, как пользоваться кнопкой быстрого просмотра, но и тогда нужно сделать 2 клика. А каждый клик это время и неудобство.

[AndreyJ]

Я вас поддерживаю. Решение с кнопками в тойже UniTheme значительно удобнее. И характеристики выведены более удобно, т.к. их можно вывести сколько угодно,а в Youpi максимум 4-5.
Иногда такое чувство что Юпи делается не как удобнее, а просто чтобы не повторять Юни ))
Разработчики, может правда пожертвуем красотой ради удобства и наглядности. Как в Юни идельный вариант. Сам не пойму почему просто не купил Юни. Почему то решил, что Юпи будет более функциональна, т.к. новее, но видимо надо было взять уже более “вылизанную” Юни.

[Vic986]

Добрый день.
Кнопка “Быстрый просмотр” в виде глазка никому ничего не говорит. Должна быть нормальная кнопка с текстом “БЫСТРЫЙ ПРОСМОТР”.

[Vic986]

Привет.
Получил ответ от техподдержки хостинга webhost1: У вас в файле /мой домен/html/var/.htaccess выставлен запрет, если добавить к разрешенным файлы less, то ошибки не будет. Я изменил код и вроде ошибки нет:
Файл .htaccess был:
Order deny,allow
Deny from all
<Files ~ “.(js|css|png|jpe?g|gz|yml|xml)$”>
order allow,deny
allow from all

Я дописал less:
Order deny,allow
Deny from all
<Files ~ “.(js|css|png|jpe?g|gz|yml|less|xml)$”>
order allow,deny
allow from all

[ab.designer]

При наведении на товар появляется пустое место - это зарезервированное место для вывода характеристик товара (вывод согласно включенной в настройках опции), при отключении опции картинка не уменьшается и запаса места нет.

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

[ab.designer]

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

Мы сделаем видео инструкцию для более наглядного обучения использования функционала расширенных баннеров.

[Vic986]

Спасибо.

[Vic986]

Добрый день.
У меня интернет магазин одежды с комбинациями товаров: цвет+размер. Из-за этого нельзя добавить в корзину товар сразу - нужно зайти в товар или открыть окно быстрого просмотра. Возможность использовать окно быстрого просмотра ускоряет изучение товаров и добавление их в корзину. Поэтому в моем случае идеально наличие кнопки быстрого просмотра при наведении курсора на товар. Кнопка должна быть заметной и она должна быть подписана.

Смотрите плюсы: человек не уходит с основной страницы и продолжает смотреть большое кол-во товаров, не тратится время на загрузку новой страницы.

[ab.designer]

Вы на примерах показываете внешние отступы блока, а желаете сделать отступы внутри баннера что совсем не имеет отношения к данной задаче. Вам необходимо использовать настройку отступов в самом баннере (Внутренний отступ - http://joxi.ru/VrwNMdOHOvJZGA). И вашем случае гораздо быстрее использовать фоновое изображение + текст, для внедрения основной картинки необходима подгонка и балансировка изображения, этот функционал больше подходит для больших баннеров (как вверху на главной странице).

[Vic986]

Добрый день.
По поводу внутренних отступов непонятно - почему нельзя подвинуть текст вверх, даже если он немного налезет на картинку?
Использование только фона не всегда возможно - не всегда нужный фон есть. У меня есть фото одежды обработанные без фона, снимается все на сером фоне или белом. Мне проще использовать полный функционал: основное изображение товара, фон задать ярким цветом, добавить текст. Подгонять фото научился, но мешает отсутствие возможности поднять текст от нижнего края. Похоже есть ограничение какое-то и основное изображение не дает тексту подняться.

[ab.designer]

Внутренние отступы регулируются не там где вы указали на скрине (в настройках блока указываются внешние отступы для блока!!!), внутренние отступы регулируются в настройках самого баннера!!!

Вот пример, я сделал снизу отступ 50 px (http://joxi.ru/nAyo9KVhYG5jZm http://joxi.ru/nAyo9KVhYG5gZm) и все работает как и должно. Но у вас проблема может быть именно из за основного изображения (размеры), его целесообразно использовать для больших баннеров с выравниванием по левому или правому краю или для творчества с подгонкой размеров и балансировкой по вертикали.

[alexbranding]

Добрый день
Давайте проанализируем минусы предложенного варианта с текстовой кнопкой для быстрого просмотра:

1. +30 раз слово Быстрый просмотр в коде страницы категории - не есть хорошо для SEO (мы исходили и из этого фактора также)
2. неоднократно получали сообщения, что появление кнопки Быстрый просмотр при наведении на блок - плитку товара приводит к ухудшению конверсии (это от юзабилистов) - она иногда блокирует область изображения и по клику на изображение выскакивает окно быстрого просмотра, что неожидаемо пользователем (некоторая доля аудитории точно будет раздражена)
3. А почему вы думаете, что большое количество кнопок в списке товаров не снизит конверсию (конечную)

Мы будем крайне благодарны любой экспертизе, но работать по схеме Лебедь - Рак - Щука не будем (если что то предлагаете, пожалуйста подтверждайте какой то экспертизой - любой аналитикой даже яндекс метрикой, альфа - бета тестированиями) - мы на такие предложения сразу сделаем решения гибче. Сейчас среди пользователей идут предложения (как им удобнее или они думают, что так удобнее. На основе многолетнего опыта замечено: не всегда пожелания заказчика объективно полезны и к сожалению это часто имеет место и в готовых решениях. При проектировании шаблона Юпи мы покупали экспертизу юзаблистов (за огромный гонорар) и чтобы что то менять, нужны не просто отсылки на другие проекты (вы поймите, тут в шаблоне есть уже логика -в том числе техническая в построении элементов и любые изменения требуют ее перестройки). Эта тема нестандартна, но пользователь развивается и логичность расположения управляющих элементов также меняется.

Мы имеем данные аналитик нескольких десятков проектов на ЮПИ и конверсия на них в несколько раз выше, чем до внедрения (можем попросить самих владельцев подтвердить тут, чтобы не быть голословными). Цель шаблона - именно конверсия (то есть продажа и размер чека).

Предложение такое:
Если видите узкое место в решении, предлагайте его исправление вместе с голосованием и обоснованием (аналитика, общепризнанные факты из кейсов), голосование позволит всем пользователям участвовать в развитии продукта (влиять не векторы). Мы поддержим такую инициативу.

[AndreyJ]

Сделать вывод характеристик в списке товаров как в UniTheme и других топовых магазинах.
Эта функция уже настолько привычна мне что даже неудобно, когда на каком то мгазине ее не встречаешь. В Youpi она реализована нестандартно и к сожалению максимальное количество характеристик для вывода - 4.
Функция наверняка полезна для юзабилити т.к. присутствует в серьезных онлайн магазинах. (например в украинских - Розетка, allo.ua, Citrus - эти туда еще и акции засунули.)

---

Опрос.
Сделать вывод характеристик товаров как в UniTheme и других топовых магазинах.

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

[ingos]

привет Vic. Хорошая попытка с htaccess, но… не решает она проблему ни у тебя ни у меня.
ОБрати внимание на ошибки которые выскакивают у тебя в консоли см. скриншот: http://joxi.ru/4AkeQgEIy3oj1m

Плюс к этому, попробуй следующую цепочку действий в админпанели:
Дизайн -> Темы -> Редактор тем -> нажать ссылку “Преобразовать в CSS” (слева вверху ) http://joxi.ru/krDD4zkuEaKger

если у тебя включен модуль AB: Товар дня - выскочит ошибка справа вверху. Если модуль отключен - происходит преобразование в css и обратно.

У меня так. Думаю и у тебя тоже.

[ab.developer]

Просьба написать нам техподдержку.