Equator

Информацию по данному вопросу вы можете найти в сообщении темы форума http://forum.storela...сия/#entry20687

Попробуйте немного изменить селектор, заменив в 2х случаях :nth-of-type на :nth-child

Цитата

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

.contm > p {
  font: 14px/20px Arial,Helvetica,sans-serif;
}

после этого измените параметры шрифта в данном классе на необходимые.

Цитата

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

$(function() {
$('.contm > p').each(function(){
  while ($(this).outerHeight() >= 50) {
	$(this).text($(this).text().slice(0,-4)+'...');
  }
});
$('.goodsListItemBlock > p').each(function(){
  while ($(this).outerHeight() >= 60) {
	$(this).text($(this).text().slice(0,-4)+'...');
  }
});
});

Цитата

Можно, добавьте в ваш файл стилей main.css следующий код

.viewSelector > *:first-child,
.viewSelector > *:last-child {
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 25px;
  background: url("{ASSETS_IMAGES_PATH}view-table.png") no-repeat;
}
.viewSelector > *:last-child {
  background: url("{ASSETS_IMAGES_PATH}view-list.png") no-repeat;
}

а после загрузите изображения view-table.png и view-list.png в разделе Сайт -> Редактор шаблонов.

Equator (15 Июнь 2014 - 17:05) писал:

Здравствуйте! Чтобы изменить данные элементы при наведении, необходимо в шаблоне "Товары" найти и заменить строку:

			<select name="per_page"  onchange="this.form.submit();" style="background: black;">

на

			<select class="show_by" name="per_page"  onchange="this.form.submit();" style="background: black;">

и

			<select name="goods_search_field_id" onchange="this.form.submit();" style="padding-left: 2px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; font-size: 12px !important; color: #525252; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-shadow: 1px 0 0 #fff; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #aaa; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,0.1);">

на

			<select class="sort_by" name="goods_search_field_id" onchange="this.form.submit();" style="padding-left: 2px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; font-size: 12px !important; color: #525252; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-shadow: 1px 0 0 #fff; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #aaa; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,0.1);">

Затем в main.css добавить строки:

.sort_by:hover {}
.show_by:hover {}

и в фигурных скобках указать необходимые вам стили. Если с ними нужна будет помощь - пишите, какие конкретно изменения вы хотите произвести.

Найдите:

#nav ul li a {
	height: auto;
	padding: 10px;
}

замените на:

#nav ul li a {
	color: #000000;
	height: auto;
	padding: 10px;
	text-transform: none;
}

далее найдите:

#nav li ul {
	display: none;
}
#nav li:hover ul {
	display: block;
	left: 0;
	position: absolute;
	top: 70px;
}

замените на:

#nav li ul {
	box-shadow: 1px 1px 1px #CCCCCC;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 70px;
}
#nav li:hover ul {
	display: block;
}

далее найдите:

#nav li:hover, #nav li.active {
	background: url("http://wintermobile.storeland.net/ButtonForMenu.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 3px solid #65ACE4;
	box-shadow: 0 0 4px #D9D9D9;
	color: #7C7C7C;
	transition-duration: 0.2s;
}

ниже добавьте:

#nav ul li:hover, #nav ul li.active {
	background:none;
	border-bottom: none;
	box-shadow: none;
	color: #000;
}

откройте main.css
найдите код

.page-headline h1 {
  position:absolute; width:777px;
  top:36px;
  font: 23px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-family: OpenSans;
  color: #000000;
  height:51px;overflow:hidden;
}

и замените на

.page-headline h1 {
  position:absolute; width:777px;
  top:36px;
  font: 23px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-family: OpenSans;
  color: #000000;
  height:51px;
  overflow: visible;
}

Equator (07 Июнь 2014 - 10:47) писал:

Добавьте в main.css строку:

#mainmenu .selected {color:black;}

где black - цвет ссылки.

Найдите в вашем файле стилей main.css следующий класс

#nav {
  font-family: OpenSans;
  left: 0;
  position: absolute;
  top: 185px;
}

и замените его на

#nav {
  bottom: 10px;
  font-family: OpenSans;
  left: 18px;
  position: absolute;
}

далее добавьте

#nav a {
  color: #a3a3a3;
  padding-right: 16px;
  text-decoration: none;
  white-space: nowrap;
}
#nav a:hover {
	color: #0099cc;
}
#header {
  height: 232px;
}
#cpages {
  top: 0 !important;
}

Замените ваш код

{% IF cart_count_empty %}
   <span>0</span>
{% ELSE %}
   {CART_COUNT_TOTAL}
{% ENDIF %} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")} в корзине

на следующий код

{% IF cart_count_empty %}
   <span>Пусто</span>
{% ELSE %}
   {CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")} в корзине
{% ENDIF %}

Попробуйте в шаблоне "Ajax добавление товара в корзину" найти код

<!-- Обновление данных корзины -->
<script>
$('#cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>

и заменить его на

<!-- Корзина -->
	  <div class="cartInfo" style="display: none;">
		<a href="{CART_URL}">В корзине</a>:
		<span id="cart-total">
		  {% IF cart_count_empty %}
			<span>пусто</span>
		  {% ELSE %}
			  {CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
<!-- Обновление данных корзины -->
<script>
$('#cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
$('#cartInfo').html($('.cartInfo').html());
</script>

Добрый вечер. Подскажите пожалуйста, сейчас категории товаров расположены справа и вертикально одна под другой, а нужно, чтобы они находились в самом низу шапки горизонтально, т.е. категории были в строчку и основное меню находилось прямо над ними, но выше. Возмножно ли это реализовать? Если да, то как?
И еще нужно убрать надпись "каталог товаров", которая сейчас висит над категориями.

вместо слова "товаров" вставьте:

товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}

В шаблоне HTML вместо:

{% IF cart_count_empty %}
										  <span>0</span> {CURRENCY_NAME}
										{% ELSE %}
										  {% FOR cart_sum %}
												{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
										  {% ENDFOR %}
										{% ENDIF %}

пропишите:

{% IF cart_count_empty %}
						<span>0</span>
						{% ELSE %}
						  {CART_COUNT_TOTAL}
						{% ENDIF %} товаров в корзине