Начать новую тему

Текстовый логотип

Возможность задавать ТЕКСТОВЫЙ логотип  в Редакторе Тем.
Сделать возможность выбрать из 2 вариантов:
1. добавить изображение логотипа (как сейчас реализовано)

либо

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

сейчас реализовано в пункте Шрифты) 


Думаем такая функциональность будет полезна для владельцев магазинов.

Особенно для тех, кто только начинает свой бизнес и не имеет ещё Логотипа и Фирменного стиля.


еще 1 человеку приветствует эту идею
Текст можно сделать в виде картинки в фотошопе и загрузить

 Попробуйте использовать обычный html блок вместо блока Логотип. 

И, кажется, можно использовать свой шрифт. Сам не пробовал.

http://help.merchium.ru/support/discussions/topics/1000041919

http://help.merchium.ru/support/discussions/topics/1000045599

Здравствуйте,


Большое спасибо всем.


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

Вот как это можно сделать:

Используем оболочку: Обычная секция для  блока логотипа, как на скриншоте - setting_logo_block.gif

И стили блока: top-logo logo-slogan

А вот правила CSS3, которые нужно добавить в пользовательские CSS Вашей темы:

/***====== logo slogan WSS ======***/
.ty-sidebox.top-logo.logo-slogan {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-bottom: 0;
margin-top: -75px;
}
.logo-slogan h2 span {
text-transform: none;
}
.logo-slogan h2 span {
color: #444444;
font-size: 18px;
text-transform: none;
}
.ty-sidebox.top-logo.logo-slogan .ty-sidebox__title {
margin: 0;
padding: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
left: 0px;
top: 85px;
}
.ty-sidebox.top-logo.logo-slogan .ty-sidebox__body {
top: 0;
z-index: 20;
}
.logo-slogan .visible-phone {
display: none !important;
}
@media (max-width: 808px) {
.ty-sidebox.top-logo.logo-slogan {
margin-top: -55px;
}
}
@media (min-width: 767px) and (max-width: 808px) {
.ty-tygh {
margin-top: 95px;
}
.ty-sidebox.top-logo.logo-slogan .ty-sidebox__title {
display: inline-flex;
line-height: 55%;
text-align: center;
top: 85px;
}
}
@media (max-width: 767px) {
.ty-sidebox.top-logo.logo-slogan .ty-sidebox__body {
display: block;
}
.ty-sidebox.top-logo.logo-slogan .ty-sidebox__title {
left: 0px;
text-align: center;
top: 85px;
}
}
/***====== /logo slogan WSS ======***/


Можно переопределить в стилях и шрифты, но лучше использовать основные шрифты Вашей Темы.


Можно посмотреть как выглядит такой логотип на сайтах:

http://ecommerce.mymerchium.ru/  и http://site1day.mymerchium.ru/


Спасибо.

gif

Войдите, чтобы опубликовать свой комментарий