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


Меню — Картинка Вместо Текста "Корзина"


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

#61 AS1987

AS1987

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

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

Отправлено 21 Март 2013 - 12:26

Просмотр сообщенияKoderhan (21 Март 2013 - 11:50) писал:

Извините. Немного ошибся. В файле nyvo.css.

не хочет эксплорер меняться)))
что подскажете?

#62 Koderhan

Koderhan

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

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

Отправлено 21 Март 2013 - 12:42

Просмотр сообщенияAS1987 (21 Март 2013 - 12:26) писал:

не хочет эксплорер меняться)))
что подскажете?
http://htmlbook.ru/css/box-shadow
В таблице написано что ie обрабатывает свойство теней начиная от 9 версии.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Попробуйте удалить код:
<meta http-equiv="X-UA-Compatible" content="IE=7"/>


#63 AS1987

AS1987

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

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

Отправлено 21 Март 2013 - 12:53

Просмотр сообщенияKoderhan (21 Март 2013 - 12:42) писал:

http://htmlbook.ru/css/box-shadow
В таблице написано что ie обрабатывает свойство теней начиная от 9 версии.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Попробуйте удалить код:
<meta http-equiv="X-UA-Compatible" content="IE=7"/>


теперь по другому показывает))

Прикрепленные изображения

  • explorer.jpg


#64 Vaccina

Vaccina

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

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

Отправлено 22 Март 2013 - 05:14

Что-то подобное у вас происходит в IE9< Проблема в данном случае возникает из-за не корректной(ошибочной) структуры меню навигации в шаблоне "HTML".

<div id="mainNav" class="nav">
   <li class="home">...</li>
	<table>
	  <tbody>
		<tr>
		  <td class="first">
			<li>...</li>

у вас нарушен список ul li. Тег <li> не может существовать отдельно от <ul>, так же в <ul> может быть только тег <li>
Нормальное отображение в других браузерах или IE10 связанно с тем что данный код правиться на лету браузерами. Чтобы в IE9< стало нормальное отображение - вам необходимо поправить код меню, приведя его к должному виду по структуре. Если у вас не получиться это сделать самостоятельно, то приложите кода вашего меню из шаблона "HTML", или же весь шаблон "HTML".

#65 AS1987

AS1987

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

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

Отправлено 22 Март 2013 - 12:02

Просмотр сообщенияVaccina (22 Март 2013 - 05:14) писал:

Что-то подобное у вас происходит в IE9< Проблема в данном случае возникает из-за не корректной(ошибочной) структуры меню навигации в шаблоне "HTML".

<div id="mainNav" class="nav">
<li class="home">...</li>
<table>
	 <tbody>
	 <tr>
		 <td class="first">
		 <li>...</li>

у вас нарушен список ul li. Тег <li> не может существовать отдельно от <ul>, так же в <ul> может быть только тег <li>
Нормальное отображение в других браузерах или IE10 связанно с тем что данный код правиться на лету браузерами. Чтобы в IE9< стало нормальное отображение - вам необходимо поправить код меню, приведя его к должному виду по структуре. Если у вас не получиться это сделать самостоятельно, то приложите кода вашего меню из шаблона "HTML", или же весь шаблон "HTML".

я ничего не менял,все самостоятельно выравнилось.
Зато появилась другая ошибка во всех браузерах,часть подменю после нескольких наведений исчезает chrome.jpg


а так оно выглядит в нормальном виде.explorer.jpg

прислать Вам весь код HTML?

#66 Vaccina

Vaccina

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

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

Отправлено 23 Март 2013 - 05:40

Попробуйте в шаблоне "HTML" найти

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>

и заменить на

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).show();
},
function () {
//hide its submenu
$('ul', this).hide();
}
);
});
</script>


#67 AS1987

AS1987

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

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

Отправлено 23 Март 2013 - 15:07

Просмотр сообщенияVaccina (23 Март 2013 - 05:40) писал:

Попробуйте в шаблоне "HTML" найти

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>

и заменить на

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).show();
},
function () {
//hide its submenu
$('ul', this).hide();
}
);
});
</script>

спасибо,помогло

#68 Vilenskiy85

Vilenskiy85

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

  • Пользователи
  • PipPipPipPip
  • 257 сообщений
  • ГородСтерлитамак

Отправлено 29 Март 2013 - 11:43

Просмотр сообщенияVaccina (22 Октябрь 2012 - 12:50) писал:

1) Вы можете использовать условия в шаблоне для изменения отображения меню. Например в шаблоне "HTML" меню в следующем виде

<table>
				 <tr>
				 {% FOR menu %}
{% FOR header %}
{% FOR links %}
					 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <div>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
					 </div>
					 </td>
					 {% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
				 </tr>
				</table>

для изменения пункта "Корзина" - заменим код на


<table>
				 <tr>
				 {% FOR menu %}
{% FOR header %}
{% FOR links %}
					 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <div>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}</a>
					 </div>
					 </td>
					 {% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
				 </tr>
				</table>

т.е по сути мы используем условие отображения надписи

{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}

Если условие с текстом "Корзина" то отображаем изображение, в противном случае выводим текст по умолчанию.

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

#69 Koderhan

Koderhan

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

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

Отправлено 29 Март 2013 - 13:06

Просмотр сообщенияVilenskiy85 (29 Март 2013 - 11:43) писал:

а подскажите и мне пожалуйста что куда добавить что бы вместо текста корзина была картинка корзина
Если вы хотите изменить текст "Корзина" на главной странице.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}">в корзине товаров на</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
<span>{cart_sum.NOW | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
Заменить:
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}"><img src="адрес изображения" alt="описание" /></a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
<span>{cart_sum.NOW | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
адрес изображения  - путь  до изображения.

#70 xoldn

xoldn

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

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

Отправлено 18 Май 2013 - 15:48

Вставил вместо верхнего меню картинки. Во всех браузерах кроме explorer отображается нормально, подскажите что сделать.
код css
#ikon_menu {
  background: url("{ASSETS_IMAGES_PATH}homeico.png") no-repeat !important;
  font-size: 0px;
  background-position: center !important;
  background-size: 45% !important;
  width: 15px
}


#71 xoldn

xoldn

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

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

Отправлено 18 Май 2013 - 16:20

Решил проблему. Уменьшил изображения. Видимо оператор background-size:45%!important; не работает в Explorer/
Хочу сделать, чтобы при наведении на изображение менялось изображение. Вторые изображения подготовил, не знаю как правильно написать код. Подскажите!!!

#72 xoldn

xoldn

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

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

Отправлено 18 Май 2013 - 17:16

Всё ребят разобрался. Спасибо за такую тему.




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

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