Atasja

Atasja (17 Сентябрь 2014 - 16:37) писал:

В Style.css

form[role="search"] {
position: absolute;
right: 1em;
top: 0.5em;
z-index: 99;
}

измените на

form[role="search"] {
position: absolute;
right: 1em;
top: 0.5em;
z-index: 99;
margin-top: 220px;
}

В шаблоне HTML перед:

<div class="right-banner-vkontakte">

вставьте:

<!-- Каталог товаров -->
<div class="left-catalog">
{%IFNOT catalog_full_empty%}
  {%FOR catalog_full%}
   {% IF catalog_full.FIRST %}<ul class="{% IF catalog_full.LEVEL = 0 %}nav{% ENDIF %}">{% ENDIF %}
								 <li class="{% IF catalog_full.CURRENT %} open {% ELSEIF catalog_full.CURRENT_PARENT %} open {% ENDIF %}" {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %}>
								 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
								 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
								 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
  {%ENDFOR%}
{%ENDIF%}
</div>
<!-- /Каталог товаров -->

далее в style.css добавьте:

.left-catalog {
	left: -260px;
	position: absolute;
	top: 15px;
	width: 200px;
}

Atasja (16 Сентябрь 2014 - 09:40) писал:

Здравствуйте.
Зайдите в шаблон Товары.
Найдите и удалите код

	<h3>Загаловок меню</h3>

Добавьте в ваш файл main.js следующий код

$(function() {
  var id = 'Количество товара в упаковке';
  var quantity = $('[name="form[goods_mod_quantity]"]');
  var pack = $('.goodsDataFeatures tr').map(function() {
	if($.trim($(this).find('span').text()) === id) {
	  return(parseInt($(this).find('td:last').text()));
	}
  }).get(0);
  if(pack) {
	quantity.val(pack).keyup(function() {
	  var current = parseInt($(this).val());
	  var mod = (current / pack) % 2;
	  if(mod !== 1) {
		quantity.val(current > pack ? ((Math.round(current / pack)) * pack) : pack);
	  }
	});
	$('.quantity-up, .quantity-down').click(function() {
	  var current = parseInt(quantity.val());
	  if($(this).hasClass('quantity-up')) {
		current += pack;
	  } else {
		current -= pack;
	  }
	  quantity.val(current).trigger('keyup');
	});
  }
});

на самом деле, адаптивность у вас корректная, просто вы вынесли баннеры за пределы основной структуры сайта из-за чего они обрезаны.
Как вариант, попробуйте следующее в style.css найдите:

.container {
	margin: 0 auto;
	max-width: 1280px;
	overflow: visible;
	position: relative;
	width: 90%;
}

и уменьшите значение width, например width: 55%;

откройте HTML
найдите код (примерно строчка 100-200)

<!-- Сообщение для инвалидов -->
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p>
<p>Необходимо включить его для корректной работы сайта.</p>
</div>
</div>
</noscript>
<!-- END Сообщение для инвалидов -->

под ним разместите новый код

<!-- баннер вконтакте -->
<div class="left-banner-vkontakte">
<a href="#">сюда ставьте картинку баннера </a>
</div>
<!-- END баннер вконтакте -->

<!-- 4-е правых баннера -->
<div class="right-wing-four-banner">
<div class="right-wing-four-banner-1 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a> </div>
<div class="right-wing-four-banner-2 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>
<div class="right-wing-four-banner-3 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>
<div class="right-wing-four-banner-4 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>

</div>
<!-- END 4-е правых баннера -->

потом откройте style.css и в самом конце разместите новый код

/*баннеры*/
@media screen and (min-width: 1728px) {
.left-banner-vkontakte{ width: 200px; height:675px; outline: 1px solid #F00; position: absolute; left: -215px; top: 15px;}

.right-wing-four-banner{ position: absolute; right: -215px; top: 15px;}
.base-properties-banner{ width: 200px; height:150px; outline: 1px solid #F00; margin: 0 0 25px 0;}

}

так как сайт ваш адаптивный, то мне хотелось бы знать, где должны размещаться баннеры, когда открываешь сайт через планшетник или смартфон?
Я пока написал код, в котором баннеры будут видны при разрешении экрана 1728 и выше.
Нужны ваши уточнения.

origina1 (21 Июль 2013 - 17:46) писал:

1)  Попробуйте очистить кэш. При наведении подчеркивания у меня нет

3) Добавьте в конец style.css код:

.nav a:hover {
	  background: red;
}

Измените цвет red на Ваш.

4) ?

5) Добавьте в конец style.css код:

.nav {
		border-radius: 10px 10px 10px 10px;
}