Перейти к содержимому


Знаки Вопроса В Нижнем Меню В Смартфонах

Автор Andrew S., 03 сент. 2013 12:27

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 26

#1 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 03 Сентябрь 2013 - 12:27

Подскажите, как убрать знаки вопросов по всему нижнему меню при входе на сайт с телефонов/смартфонов/коммуникаторов?

Скриншот в браузере ПК:
[attachment=11720:Screen1.jpg]
Тут всё ровно.

Скриншот закрытого меню во всех мобильных устройствах:
[attachment=11721:Screen3.jpg]

Скриншот раскрытого меню в мобильных устройствах:
[attachment=11722:Screen2.jpg]

И как слово меню поменять на другое? Например, "Всплывающее меню", "Дополнительное меню" и т.п.?

Подскажите, шаблон техника - это специально такой, что в мобильных так хорошо открывается? По-другому чем для ПК. Даже не знал что это так удачно!

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 03 Сентябрь 2013 - 16:28

Здравствуйте. Попробуйте просто добавить в конец файла "main.css" код:
.icons:after, .link_nav:after {
	content:"";
}

#3 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Сентябрь 2013 - 07:25

Просмотр сообщенияKoderhan (03 Сентябрь 2013 - 16:28) писал:

Здравствуйте. Попробуйте просто добавить в конец файла "main.css" код:
.icons:after, .link_nav:after {
content:"";
}
Не помогло. Я вставил вот так:
/* Фикс нижнего меню для смартфонов */
.icons:after, .link_nav:after {content:"Расширенное меню";}
Убирал слова "Расширенное меню" - тоже не помогло.

На всякий случай проиллюстрирую желаемое:
[attachment=11751:Screen4.jpg]
Я думаю, если знаки вопроса уберутся - меню влево само уйдёт..

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Сентябрь 2013 - 03:33

Для изменения заголовка меню - в шаблоне "HTML" найдите и замените название 

<span class="link_nav"></span><a href="#" class="link_nav">Меню</a>

Чтобы убрать знаки вопроса - добавьте в файл стилей main.css

.link_nav:after {
	content: "" !important;
}

#5 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 08 Сентябрь 2013 - 21:12

Просмотр сообщенияСake (05 Сентябрь 2013 - 03:33) писал:

Для изменения заголовка меню - в шаблоне "HTML" найдите и замените название

<span class="link_nav"></span><a href="#" class="link_nav">Меню</a>

Чтобы убрать знаки вопроса - добавьте в файл стилей main.css

.link_nav:after {
content: "" !important;
}
Спасибо. Тут всё помогло. Но остались вопросительные знаки в Каталоге возле каждой категории. Увидел после того как начал добавлять товарные категории.
И подскажите, пожалуйста, как подогнать шрифт под "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории = 120"

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

#6 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 08 Сентябрь 2013 - 21:24

Размер 120 для списка категорий такой хочется чтобы в телефонах категории выходили по две колонки. А то если по одной - некрасиво очень.

#7 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 09 Сентябрь 2013 - 11:16

Просмотр сообщенияAndrew S. (08 Сентябрь 2013 - 21:24) писал:

Размер 120 для списка категорий такой хочется чтобы в телефонах категории выходили по две колонки. А то если по одной - некрасиво очень.

Попробуйте добавить в конец файла main.css - 
.menu_main .icons:after{content: "" !important;}

#8 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 09 Сентябрь 2013 - 22:57

Просмотр сообщенияmiyako (09 Сентябрь 2013 - 11:16) писал:

Попробуйте добавить в конец файла main.css -
.menu_main .icons:after{content: "" !important;}
А шрифт как сделать по-меньше? Ничего нигде не влазит. Плюс не все буквы как сделать не заглавными? И почему во всех папках все названия папок подчеркнутые? Как сделать, чтобы они при наведении только подчеркивались? Как в шаблоне Лайт.

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2013 - 02:30

Вы имеете в виду названия категорий? при просмотре каталога. Если да, то в файле стилей main.css найдите

.content_catalog_nested_categories .category-name {
	color: #2B2B2B;
	display: block;
	font-size: 1.3em;
	height: 3.8em;
	margin-top: 0.5em;
	overflow: hidden;
	text-transform: uppercase;
	width: 150px;
}

и замените на

.content_catalog_nested_categories .category-name {
	color: #2B2B2B;
	display: block;
	font-size: 1.3em;
	height: 3.8em;
	margin-top: 0.5em;
	overflow: hidden;
	width: 150px;
}

в этом же классе вы можете изменить и размер шрифта, для этого измените свойство font-size

#10 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 10 Сентябрь 2013 - 09:24

Просмотр сообщенияVaccina (10 Сентябрь 2013 - 02:30) писал:

Вы имеете в виду названия категорий? при просмотре каталога. Если да, то в файле стилей main.css найдите

.content_catalog_nested_categories .category-name {
color: #2B2B2B;
display: block;
font-size: 1.3em;
height: 3.8em;
margin-top: 0.5em;
overflow: hidden;
text-transform: uppercase;
width: 150px;
}

и замените на

.content_catalog_nested_categories .category-name {
color: #2B2B2B;
display: block;
font-size: 1.3em;
height: 3.8em;
margin-top: 0.5em;
overflow: hidden;
width: 150px;
}

в этом же классе вы можете изменить и размер шрифта, для этого измените свойство font-size
Давно не видел Вас и рад видеть. А как поменять наоборот это подчеркивание? Когда я навожу на папку в каталоге - подчеркивание исчезает. А должно же быть наоборот? При наведении как ссылка подчеркивается текст. И так на всех папках - все слова подчеркнутые :(

#11 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 10 Сентябрь 2013 - 13:06

В файле main.css найдите блок 
.content_catalog_nested_categories .category-name { height:3.8em;overflow:hidden;color: #2B2B2B;font-size: 1.3em;width:150px;display:block;margin-top:0.5em; }
и замените его на 
.content_catalog_nested_categories .category-name { height:3.8em;overflow:hidden;color: #2B2B2B;font-size: 1.3em;width:150px;display:block;margin-top:0.5em;text-decoration:none; }
.content_catalog_nested_categories .category-name:hover{text-decoration:underline;}

#12 RBsales

RBsales

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 82 сообщений

Отправлено 10 Сентябрь 2013 - 15:54

Просмотр сообщенияAndrew S. (03 Сентябрь 2013 - 12:27) писал:

Подскажите, как убрать знаки вопросов по всему нижнему меню при входе на сайт с телефонов/смартфонов/коммуникаторов?

Скриншот в браузере ПК:
Прикрепленный файл Screen1.jpg
Тут всё ровно.

Скриншот закрытого меню во всех мобильных устройствах:
Прикрепленный файл Screen3.jpg

Скриншот раскрытого меню в мобильных устройствах:
Прикрепленный файл Screen2.jpg

И как слово меню поменять на другое? Например, "Всплывающее меню", "Дополнительное меню" и т.п.?

Подскажите, шаблон техника - это специально такой, что в мобильных так хорошо открывается? По-другому чем для ПК. Даже не знал что это так удачно!
Где вы вообще нашли мобильную версию,её тут вообще не было никогда и нет? ))

#13 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 10 Сентябрь 2013 - 18:35

Просмотр сообщенияRBsales (10 Сентябрь 2013 - 15:54) писал:

Где вы вообще нашли мобильную версию,её тут вообще не было никогда и нет? ))
Мобильная версия есть на адаптивных шаблонах (техника и вечность)

#14 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 11 Сентябрь 2013 - 05:11

Просмотр сообщенияsupport 2.0 (10 Сентябрь 2013 - 18:35) писал:

Мобильная версия есть на адаптивных шаблонах (техника и вечность)
Что очень радует ;) :)

#15 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 11 Сентябрь 2013 - 08:15

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

1. Фото:
[attachment=11947:Catalogue-hover_01.png]
Неудобный вариант, конечно.

2. Фото:
[attachment=11948:Catalogue-hover_02.png]
Крестиками отметил, чтобы видно было, что эти изображения будут белые прямоугольные. Прозрачные в редакторе. Добавлять к ним фон в виде этих кругов, который будет меняться при наведении на желтый.

3. Может у вас какая-нибудь идея есть или есть другой уже дедовский способ.

#16 Absolem

Absolem

    Продвинутый пользователь

  • Модератоpы
  • 145 сообщений

Отправлено 11 Сентябрь 2013 - 08:46

У Вас сейчас в изображениях товаров присутствует серый фон. Вам нужно загрузить изображения без серого фона, и после этого реализация возможна

#17 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 11 Сентябрь 2013 - 11:02

Просмотр сообщенияAbsolem (11 Сентябрь 2013 - 08:46) писал:

У Вас сейчас в изображениях товаров присутствует серый фон. Вам нужно загрузить изображения без серого фона, и после этого реализация возможна

Да я без проблем загружу. Подскажите как это сделать. Я это быстро. В зависимости от того как будем делать - то и сделаю..

#18 Absolem

Absolem

    Продвинутый пользователь

  • Модератоpы
  • 145 сообщений

Отправлено 11 Сентябрь 2013 - 12:24

При наведении в конце файла main.css вставьте код - 
.content_catalog_nested_categories li a.goods-cat-image-medium-square:hover{background:url('Путь до изображения.png');}
Не при наведении - 
.content_catalog_nested_categories li a.goods-cat-image-medium-square{background:url('Путь до изображения.png');}

#19 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 11 Сентябрь 2013 - 13:17

Просмотр сообщенияAbsolem (11 Сентябрь 2013 - 12:24) писал:

При наведении в конце файла main.css вставьте код - 
.content_catalog_nested_categories li a.goods-cat-image-medium-square:hover{background:url('Путь до изображения.png');}
Не при наведении - 
.content_catalog_nested_categories li a.goods-cat-image-medium-square{background:url('Путь до изображения.png');}
Почему-то не работает. Вставил код:
/* Загорающаяся подсветка для папок в каталоге */
.content_catalog_nested_categories li a.goods-cat-image-medium-square{background:url('http://design.technoimp.com/Catbackpass.png?4149');}
.content_catalog_nested_categories li a.goods-cat-image-medium-square:hover{background:url('http://design.technoimp.com/Catbackact.png?4149');}

Проверял в папке: каталог - преобразователи на 220В.

Кэш сбрасывал.

#20 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 11 Сентябрь 2013 - 13:25

Просмотр сообщенияAndrew S. (11 Сентябрь 2013 - 13:17) писал:

Почему-то не работает. Вставил код:
/* Загорающаяся подсветка для папок в каталоге */
.content_catalog_nested_categories li a.goods-cat-image-medium-square{background:url('http://design.technoimp.com/Catbackpass.png?4149');}
.content_catalog_nested_categories li a.goods-cat-image-medium-square:hover{background:url('http://design.technoimp.com/Catbackact.png?4149');}

Проверял в папке: каталог - преобразователи на 220В.

Кэш сбрасывал.

Найдите код в шаблоне Товары - 
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="goods-cat-image-medium-square" style="background: url('{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}') no-repeat center center; background-size: contain;"></a>
			<a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
и замените на - 
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="goods-cat-image-medium-square" >
<img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}" alt="{nested_categories_list.NAME}" class="goods-cat-image-medium-square" />
</a>
			<a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>

Обратно в Другое


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Другое
  6. Privacy Policy