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


Вставка Логотипа


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

#1 Frost

Frost

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

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

Отправлено 29 Ноябрь 2011 - 13:39

Здравствуйте! Вставляю свой логотип на сайт точно так, как описано в теме:

http://forum.storela...ch__1#entry1797

Однако, полученный результат не устраивает в виду смещения некоторых блоков на сайте после вставки лого. И, если в Chrome и IE, эти смещения не критичны (см. скриншот), то в Мозилле верхняя часть сайта отображается совсем "криво" (см. скриншот). На 1 скриншоте отметил желаемые местоположение логотипа и вид верхней части сайта. Просьба помочь вставить логотип корректно (как на скриншоте 1), или хотя бы решить проблему кроссбраузерности с Firefox, т.к.отображение в Chrome и IE приемлемо.

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

  • 1.png
  • Chrome.png
  • Firefox.png


#2 Vaccina

Vaccina

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

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

Отправлено 29 Ноябрь 2011 - 16:42

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

#3 Frost

Frost

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

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

Отправлено 29 Ноябрь 2011 - 17:19

Просмотр сообщенияVaccina (29 Ноябрь 2011 - 16:42) писал:

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

http://myshop123.storeland.ru/

Логотип на сайте в данный момент естественно тестовый.

#4 Frost

Frost

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

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

Отправлено 30 Ноябрь 2011 - 12:50

Известно, что шаблон Лайт единственный из трех, в котором не предусмотрен графический логотип в стандартном виде (вместо него написано название магазина в виде текста с гиперссылкой). И я заметил, что практически у всех магазинов, владельцы которых которые используют данный шаблон и вставляют графический логотип вместо стандартной текстовой гиперссылки, есть проблема с отображением в браузере Mozilla Firefox верхней части сайта (посмотрите в любом вышеописанном магазине, проблема не субъективна). Суть проблемы описана в первом посте.

#5 Vaccina

Vaccina

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

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

Отправлено 30 Ноябрь 2011 - 18:10

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

Найти и скопировать блок
<!-- Название магазина -->
			<h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1>  

			<!-- Контакты магазина -->
			<table>
			  <!-- Первый контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- Второй контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				  </td>
				</tr>
			  {% ENDIF %}
			
			  <!-- Третий контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				  </td>
				</tr>
			  {% ENDIF %}

			  <!-- Время работы магазина -->
			  {% IF SETTINGS_STORE_WORK_TIME %}
				<tr>
				  <td class="contentTableHeadMainWorkTime">
					{SETTINGS_STORE_WORK_TIME}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- ICQ номер -->
			  {% IF SETTINGS_STORE_ICQ %}
				<tr>
				  <td class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </td>
				</tr>
			  {% ENDIF %}
			</table>

Вставить его после строки

<td class="contentTbodyCatalog">

Далее удалить старый блок

<td class="contentTableHeadMain" rowspan="2">
			<!-- Название магазина -->
			<h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1>  

			<!-- Контакты магазина -->
			<table>
			  <!-- Первый контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- Второй контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				  </td>
				</tr>
			  {% ENDIF %}
			
			  <!-- Третий контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				  </td>
				</tr>
			  {% ENDIF %}

			  <!-- Время работы магазина -->
			  {% IF SETTINGS_STORE_WORK_TIME %}
				<tr>
				  <td class="contentTableHeadMainWorkTime">
					{SETTINGS_STORE_WORK_TIME}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- ICQ номер -->
			  {% IF SETTINGS_STORE_ICQ %}
				<tr>
				  <td class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </td>
				</tr>
			  {% ENDIF %}
			</table>
		  
		  </td>

Далее вырезать оставшийся блок

<thead>
		<tr>

		  <!-- Верхний блок навигации -->
		  <td class="contentTableHeadNavigation">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <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> {% IF menu.header.links.rindex>1 %}|{% ENDIF %}
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </td>
		  
		  <!-- Авторизационная информация клиента -->
		  <td>
			{% IF TARIFF_FEATURE_CLIENT_ROOM %}
			  <div class="contentTableHeadUserInfo">
				{% IF CLIENT_IS_LOGIN %}
				  Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{USER_LOGOUT_URL}">Выйти</a><br />
				{% ELSE %}
				  <a href="{USER_LOGIN_URL}">Вход с паролем</a> |
				  <a href="{USER_REGISTER_URL}">Регистрация</a>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
		  </td>
		</tr>
		
		<tr>
		  
		  <!-- Поисковая форма -->
		  <td class="Search">
			  <form action="http://{NET_DOMAIN}/search" class="SearchForm">
				<table class="SearchFormTable">
				  <tr>
					<td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
					<td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				  </tr>
				</table>
			  </form>
		  </td>
		  
		  <!-- Корзина -->
		  <td class="contentTableHeadCart">
			<table>
			  <tr>
				<td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td>
				<td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td>
				<td id="cartCount">
				  {% IF cart_count_empty %}
					<span class="red">0</span> шт.
				  {% ELSE %}
					{% FOR cart_count %}
					  {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
					{% ENDFOR %}
				  {% ENDIF %}
				</td>
			  </tr>
			  <tr>
				<td>На общую сумму:</td>
				<td id="cartSum">
				  {% IF cart_count_empty %}
					<span class="red">0</span> {CURRENCY_NAME}
				  {% ELSE %}
					{% FOR cart_sum %}
					  {cart_sum.NOW | money_format}<br />
					{% ENDFOR %}
				  {% ENDIF %}
				</td>
			  </tr>
			</table>
		  </td>

		</tr>
		
	  </thead>

и вставить вырезанный блок после строки

<td colspan="2" class="valignTop">

Далее в только что вставленном блоке заменить thead на table


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

#6 Elezone

Elezone

    Новичок

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

Отправлено 21 Январь 2012 - 10:02

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

Просмотр сообщенияVaccina (30 Ноябрь 2011 - 18:10) писал:


Найти и скопировать блок
<!-- Название магазина -->
			<h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1>  

			<!-- Контакты магазина -->
			<table>
			  <!-- Первый контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- Второй контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				  </td>
				</tr>
			  {% ENDIF %}
			
			  <!-- Третий контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				  </td>
				</tr>
			  {% ENDIF %}

			  <!-- Время работы магазина -->
			  {% IF SETTINGS_STORE_WORK_TIME %}
				<tr>
				  <td class="contentTableHeadMainWorkTime">
					{SETTINGS_STORE_WORK_TIME}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- ICQ номер -->
			  {% IF SETTINGS_STORE_ICQ %}
				<tr>
				  <td class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </td>
				</tr>
			  {% ENDIF %}
			</table>

Вставить его после строки

<td class="contentTbodyCatalog">

Далее старый блок

<td class="contentTableHeadMain" rowspan="2">
			<!-- Название магазина -->
			<h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1>  

			<!-- Контакты магазина -->
			<table>
			  <!-- Первый контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- Второй контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				  </td>
				</tr>
			  {% ENDIF %}
			
			  <!-- Третий контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<tr>
				  <td class="contentTableHeadMainPhone">
					{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				  </td>
				</tr>
			  {% ENDIF %}

			  <!-- Время работы магазина -->
			  {% IF SETTINGS_STORE_WORK_TIME %}
				<tr>
				  <td class="contentTableHeadMainWorkTime">
					{SETTINGS_STORE_WORK_TIME}
				  </td>
				</tr>
			  {% ENDIF %}
			  
			  <!-- ICQ номер -->
			  {% IF SETTINGS_STORE_ICQ %}
				<tr>
				  <td class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </td>
				</tr>
			  {% ENDIF %}
			</table>
		  
		  </td>


Получается 2 одинаковых блока вставлять друг за другом или я не так понял? Когда я так делаю, получаю ту самую "кашу" на сайте.
Не могли бы Вы разъяснить этот момент или еще лучше, выложить уже готовый код для главной страницы темы Лайт, "заточенный" под вставку логотипа, думаю это будет полезно многим пользователям темы Лайт и сэкономит им время, а начинающим еще и нервы=) Да и сама тема с логотипом вместо текста смотрится интереснее на мой вгляд. Мой магазин http://elezone.storeland.ru/.

#7 Vaccina

Vaccina

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

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

Отправлено 21 Январь 2012 - 15:13

Цитата

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


Там опечатка. Пост обновила. Блок необходимо было удалить после копирования.

#8 Gerik

Gerik

    Пользователь

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

Отправлено 26 Октябрь 2012 - 16:24

Просмотр сообщенияVaccina (21 Январь 2012 - 15:13) писал:

Там опечатка. Пост обновила. Блок необходимо было удалить после копирования.

Так как же всё таки вставить свой логотип? Файл HTML я иправил

#9 Vaccina

Vaccina

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

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

Отправлено 29 Октябрь 2012 - 12:52

Для вставки логотипа можно изменить следующий блок в шаблоне "HTML"

<div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div>

Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так

<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="logo.png" alt="{SETTINGS_STORE_NAME}"></a></div>

не забудьте указать правильный путь к изображению в атрибуте src

#10 Gerik

Gerik

    Пользователь

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

Отправлено 31 Октябрь 2012 - 13:11

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

Для вставки логотипа можно изменить следующий блок в шаблоне "HTML"

<div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div>

Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так

<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="logo.png" alt="{SETTINGS_STORE_NAME}"></a></div>

не забудьте указать правильный путь к изображению в атрибуте src

Большое спасибо за помощь. Всё получилось  :lol:




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

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