Сообщений в теме: 60

[grev]

Нашёл - заменил. Вот что получилось:

• Корзина уехала вправо, куда и положено, прикрыв дыру над третьей колонкой. Однако форма поиска осталась прежней длины. Теперь дыра образовалась между корзиной и формой поиска. Как можно растянуть форму поиска?
  
• Подвал встал по центру страницы, супер!
  
• Дыра на главной между блоком текста и третьей колонкой никуда не делась.
  
• Что со вторым виджетом? По прежнему не лезет внутрь рамки.

[Ирина345]

grev (30 Ноябрь 2014 - 14:37) писал:

Нашёл - заменил. Вот что получилось:

• Корзина уехала вправо, куда и положено, прикрыв дыру над третьей колонкой. Однако форма поиска осталась прежней длины. Теперь дыра образовалась между корзиной и формой поиска. Как можно растянуть форму поиска?
  
  
• Подвал встал по центру страницы, супер!
  
  
• Дыра на главной между блоком текста и третьей колонкой никуда не делась.
  
  
• Что со вторым виджетом? По прежнему не лезет внутрь рамки.

найдите в HTML
      

		  <!-- Авторизационная информация клиента -->
		  <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>
		  <td></td>
		</tr>

замените на

		 <td></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>

второй виджет можете вставить после  строки в HTML

   <div id="vk_groups"></div>
			 <script type="text/javascript">
			  VK.Widgets.Group("vk_groups", {mode: 2, width: "200", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 77240733);
			 </script>
			 <!-- END Блоки в правой колонке -->

[grev]

С шапкой вопрос решён, супер!

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

[grev]

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

[Ирина345]

grev (30 Ноябрь 2014 - 17:25) писал:

С шапкой вопрос решён, супер!

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

Для того что бы убрать "дыру" найдите в main.css код

.page {
padding: 1em;
width: 90%;
border: 1px solid #DCECF7;
}

Замените на

.page {
padding: 1em;
width: 96.3%;
border: 1px solid #DCECF7;
}

добавьте виджет, что бы можно было посмотреть.

[grev]

Дыра исчезла, супер!

Второй виджет добавил, так там вообще каша (((
Мало того что рамка третьей колонки не растянулась, так ещё и эти виджеты друг с другом перемешались.

Не, это я в панику впал. Не перемешались, там просто новость одна и та же в двух группах
Но с рамкой что-то не то.

[Ирина345]

grev (30 Ноябрь 2014 - 17:50) писал:

Дыра исчезла, супер!

Второй виджет добавил, так там вообще каша (((
Мало того что рамка третьей колонки не растянулась, так ещё и эти виджеты друг с другом перемешались.

Не, это я в панику впал. Не перемешались, там просто новость одна и та же в двух группах
Но с рамкой что-то не то.

Найдите в main.css

.right {
max-width: 200px;
margin-left: -6px;
border: 1px solid #DCECF7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1em;
}

замените на

.right {
max-width: 200px;
margin-left: -6px;
border: 1px solid #DCECF7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1em;
height: 807px;
}

[grev]

Ура!

Все вопросы решены! Всё ровно и красиво!
Всем огромное спасибо за помощь!

[Ekaterina_idealseam]

Вечер добрый! Помогите добавить правое меню.
В main.сss добавила код, но ничего не изменилось.

Цитата

.goodsListItemPriceNew a {
font-size:16px;
}

.right {
max-width: 200px;
margin-left: -273px;
border: 1px solid #DCECF7;
-moz-border-radius: 5px;  -webkit-border-radius: 5px;
padding: 1em;
}

.contentTbodyCatalog li a {color: #50A1AC;}
.page, .right {padding:1em;width:90%;border: 1px solid #50A1AC;border-radius:4px;}

[Ирина345]

Ekaterina_idealseam (07 Декабрь 2014 - 17:45) писал:

Вечер добрый! Помогите добавить правое меню.
В main.сss добавила код, но ничего не изменилось.

Здравствуйте, а вы заменили файл html на файл HTML  из архива из данной инструкции.

[Ekaterina_idealseam]

Ирина345 (07 Декабрь 2014 - 18:05) писал:

Здравствуйте, а вы заменили файл html на файл HTML  из архива из данной инструкции.

Пропустила этот нюанс!)
Сейчас заменила. И! Просмотренные товары уехали вправо (как их вообще убрать с сайта?!), баннер исчез,  сайт пишет что на странице есть JS ошибка в строке 107


SL-22817

[Vaccina]

на данный момент изменения у вас отсутствуют, сохраняйте пожалуйста изменения, чтобы мы могли проверить в чем проблема.
Вы использовали следующую инструкцию для реализации:
http://forum.storela...айт/#entry69008
?

[grev]

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

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

• ПК, ОС Win7, Mozilla Firefox - всё хорошо;
  
• ПК, ОС Win7, Chrome - всё хорошо;
  
• ПК, ОС Win7, IE - почти всё хорошо, только нет зазора между виджетами в правой колонке, из-за этого они сливаются вместе;
  
• iPad2, iOS, Safari - третья колонка наезжает на вторую, получается каша.

В ближайшее время проверю другие ОС и браузеры, особенно Android и Opera.

По данным из Google Analytics, Safari - второй по популярности браузер моих посетителей, iOS - третья по популярности ОС моих посетителей, то есть этот недочёт для меня актуален.

Можно ли как-то исправить недочёты из п.3, п.4, при этом не ухудшив результат в других браузерах?

[grev]

Хотелось бы получить ответ на вопрос в предыдущем посте.

[grev]

Уважаемые модераторы, дайте уже хоть какой-нибудь ответ.
Возможные варианты ответа:

• Мы заняты, решим вопрос через Х дней;
  
• Вопрос не имеет решения;
  
• Решение вопроса стоит Х денег;
  
• Вот решение: Х

[Taisia]

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

[grev]

Вот скриншоты с iPad2.
Красным обведены недочёты.


Вот скриншот с ПК, Win7, IE.
Маленький недочёт обведён красным.

[Ирина345]

grev (23 Январь 2015 - 14:57) писал:

Вот скриншоты с iPad2.
Красным обведены недочёты.
iPad-1.png iPad-2.png iPad-3.png

Вот скриншот с ПК, Win7, IE.
Маленький недочёт обведён красным.
IE.png

Здравствуйте, попробуйте такой вариант найдите в main.css

.right {
max-width: 200px;
margin-left: -6px;
border: 1px solid #DCECF7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1em;
height: 807px;
}

замените на

.right {
max-width: 200px;
margin-left: -6px;
border: 1px solid #DCECF7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1em;
height: 807px;
margin-right: 12px;
}

[grev]

Ирина345, добрый день!

Сделал. При просмотре на iPad ничего не изменилось.

[Vaccina]

На счет отступа между сообществами, в main.css добавьте:

#vk_groups iframe{
margin-bottom:10px;
}

Также в шаблоне HTML найдите и удалите:

<meta http-equiv="X-UA-Compatible" content="IE=7">

На счет правой колонки, попробуйте следующее, в main.css найдите:

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}

замените на:

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
min-width:1160px ;
}

А по поводу слова "рублей", сократить его можно в разделе Настройки - Валюты или только к этому блоку в шаблоне HTML