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


Изменение Дизайна И Страниц Шаблона


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

#1 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 21 Апрель 2013 - 18:07

Доброго всем времени суток. Сидел ночью на работе, и думал что же ещё переделать на сайте. В итоге увидел новый шаблон, долго думал, паниковал по созданному сайту, но все таки решился. Теперь, я буду доставать Вас своими вопросами в новой теме форума, хотя я знаю, что Вы не откажете. Шаблон действительно хорош, но требует доработки, вот и возникли вопросы, которые я сам не в состоянии решить. И так дорогие друзья, вот мои вопросы, помогите их решить пожалуйста.

1- Самое первое с чем я столкнулся, это как увеличить логотип. ( Примерно как я показал на скрине)

2- Можно ли как то в этом шаблоне сделать новинки каруселью на главной с автоматической прокруткой по кругу, по 4 штуки. Красную линию где написано "Новинки" оставить, а не убирать её. И САМОЕ главное, все это дело перенести в самый низ страницы, до подвала.

3- Как убрать название страницы на главной которая у меня открывает главную, и после этого сократить отступ до баннера как можно ближе. Так же под баннером утрать цифры 12345.

4-Как вверх (где находится корзина) добавить ссылки примера: Доставка, Оплата, О нас и т.д.

5-в подвале сайта "название магазина" и т.д. сделать в линию ?

6-Как сделать модификацию по порядку, что бы шло 40-42-44 и т.д. Вообщем как я их добавляю на сайт, а не как они сейчас в разном порядке.

6-Убрать табличку "Товар есть в наличии"

7-Артикул перенести в право под модификацию товара. До слов "Вернуться в категорию С Модификацией"


Надеюсь на Вашу помощь.

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

  • 1.jpg
  • 2.jpg
  • 4.jpg
  • Без имени-4.jpg


#2 Koderhan

Koderhan

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

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

Отправлено 21 Апрель 2013 - 18:37

Цитата

1- Самое первое с чем я столкнулся, это как увеличить логотип. ( Примерно как я показал на скрине)

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
header[role="banner"] h1 {color: #000;font-weight: normal;float: left;width:50%;}
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}

Заменить:

header[role="banner"] h1 {
color: #000;
font-weight: normal;
float: left;
width: 100%;
}
header[role="banner"] h1 a {
height: 127px;
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}

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

Цитата

2- Можно ли как то в этом шаблоне сделать новинки каруселью на главной с автоматической прокруткой по кругу, по 4 штуки. Красную линию где написано "Новинки" оставить, а не убирать её. И САМОЕ главное, все это дело перенести в самый низ страницы, до подвала.

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

<!-- Список новинок -->
{% IFNOT index_page_new_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Новинки</b></h3>
</div>
</section>
<section role="main">
<div class="containers2">
{% FOR index_page_new_goods %}
<div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<div style="width: 193px;position: relative;overflow:hidden;">
<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
<div class="price">
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
{% ENDFOR index_page_new_goods %}
</div>
</section>
<div class="clear"></div>
{% ENDIF %}
<!-- /Список новинок -->
Заменить:
<!-- Список Новинок -->
{% IFNOT index_page_new_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Новинки</b></h3>
</div>
</section>
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;

if (licount > mycontwidth / itemwidth) {
jscroll = mycontwidth / itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll: jscroll,
wrap: 'circular'
});
};
$(this).startCarousel();
$(window).resize(function() {
$(this).startCarousel();
});
$('.mycarousel').jcarousel({
scroll: 2
});
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_new_goods_empty %}
<li>
<h3><a title="{index_page_new_goods_empty.NAME}" href="{index_page_new_goods_empty.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_new_goods_empty.NAME}</a></h3>
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
<a title="{index_page_new_goods_empty.NAME}" href="{index_page_new_goods_empty.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_new_goods_empty.NAME}" src="{% IF index_page_new_goods_empty.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods_empty.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_new_goods_empty.URL_MIN_PRICE_NOW}">{index_page_new_goods_empty.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods_empty.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods_empty.MIN_PRICE_NOW %}
<a href="{index_page_new_goods_empty.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods_empty.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods_empty.MIN_PRICE_OLD>index_page_new_goods_empty.MIN_PRICE_NOW %}
<a href="{index_page_new_goods_empty.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods_empty.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods_empty.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods_empty.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods_empty.MIN_PRICE_NOW_ID}" />

<!--button type="submit" onclick="$('.product-form-{index_page_new_goods_empty.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{index_page_new_goods_empty.NAME}&raquo; в корзину">В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods_empty.MIN_PRICE_NOW_ID}');
return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods_empty.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods_empty.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods_empty.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods_empty.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список Новинок -->

Цитата

3- Как убрать название страницы на главной которая у меня открывает главную, и после этого сократить отступ до баннера как можно ближе. Так же под баннером утрать цифры 12345.
Совсем удалять название с главной странице не рекомендуется. Поисковым системам нужно узнать что это за страница.
Для того чтобы просто удалить цифры навигации.

В файле "main.css".
Добавить в конец файла код:

.nivo-controlNav {
display: none;
}

Цитата

4-Как вверх (где находится корзина) добавить ссылки примера: Доставка, Оплата, О нас и т.д.
Вы можете добавить ссылки в разделе Сайт-> Меню.


Цитата

5-в подвале сайта "название магазина" и т.д. сделать в линию ?


В файле "HTML".
Найти код:


<p class="a-center">
© 2012 «Название магазина»<br /> ООО «Мой интернет-магазин»<br />
<span>Все права защищены</span><br />
<span>Powered by <a href="http://storeland.ru/?utm_source=powered_by_link&amp;utm_medium=tech&amp;utm_term=StoreLand" title="StoreLand.Ru: Сервис создания интернет магазинов">StoreLand</a></span>
<span></span><br />
<br />
</p>
Заменить:
<p class="a-center">
© 2012 «Название магазина» ООО «Мой интернет-магазин»
<span>Все права защищены</span>
<span>Powered by <a href="http://storeland.ru/?utm_source=powered_by_link&amp;utm_medium=tech&amp;utm_term=StoreLand" title="StoreLand.Ru: Сервис создания интернет магазинов">StoreLand</a></span>
<span></span>
<br />
</p>

Цитата

6-Как сделать модификацию по порядку, что бы шло 40-42-44 и т.д. Вообщем как я их добавляю на сайт, а не как они сейчас в разном порядке.
Модификации можно упорядочить в разделе Товары -> Свойства.

Цитата

6-Убрать табличку "Товар есть в наличии"
Вы просто можете удалить код из файла "Товар".
<!-- Доступность товара -->
	<div class="goodsDataMainModificationAvailable">
	 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
	 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Товара нет в наличии</div>
	</div>


Цитата

7-Артикул перенести в право под модификацию товара. До слов
В файле "Товар".
Удалить код:
<!-- Артикул, если указан -->
	  <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
		  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	  </div>
После кода:
<div class="breadcrumb">
		<p>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.last %}
			<span>></span><a href="{upper_navigation.URL}" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;"><b>Вернуться в категорию {upper_navigation.NAME}</b></a>
		  {% ENDIF %}
		{% ENDFOR %}
	   </p>
	  </div>
Добавить:
<!-- Артикул, если указан -->
	  <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
		  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	  </div>


#3 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 21 Апрель 2013 - 19:38

К сожалению возникли следующие вопросы.

1 - У меня нет файла main.css.

2 - При замене кода "новинки" они скрываются и все... (пример прикрепил)

3- Как сделать, что бы таблица в товаре(Точнее под ним) ГДЕ ОПИСАНИЕ, ДОСТАВКА, отзывы, в первую очередь, при открытии товара выходило описание, сейчас выходят отзывы. Так же, как поменять там цвет таблице (Отзывы, описание и т.д. ) Где находится код, что бы я мог вставить туда свои картинки, описание и вообще любую нужную мне информацию.

4- Все фотографии в каталоге, в под разделах выровнять на одном уровне ? Возможно такое ??
И как изменить цвет кнопки с зеленого на другой ??

К сожалению не найдя и не разобравшись где файл main.css я не могу понять ответы на вопросы выше, пожлайста, скажите ещё раз, как мне быть с логотипом и новинками на главной (((

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

И если кому вдруг будет не сложно объяснить новичку, как установить другой слайдер на главной(кроме в FAQ) то я буду оооооччччень рад, А то если честно он уже достал ))) (У меня  с ним проблемы, прикрепил фаил) В верхнем левом углу выходит маленький банер-картинка, мне кажется он там не должен быть )

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg

Сообщение отредактировал Maxnina: 21 Апрель 2013 - 20:13


#4 Koderhan

Koderhan

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

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

Отправлено 21 Апрель 2013 - 20:11

Просмотр сообщенияMaxnina (21 Апрель 2013 - 19:38) писал:

К сожалению возникли следующие вопросы.

1 - У меня нет файла main.css.

2 - При замене кода "новинки" они скрываются и все... (пример прикрепил)

3- Как сделать, что бы таблица в товаре(Точнее под ним) ГДЕ ОПИСАНИЕ, ДОСТАВКА, отзывы, в первую очередь, при открытии товара выходило описание, сейчас выходят отзывы.

4- Все фотографии в каталоге, в под разделах выровнять на одном уровне ? Возможно такое ??
И как изменить цвет кнопки с зеленого на другой ??

К сожалению не найдя и не разобравшись где файл main.css я не могу понять ответы на вопросы выше, пожлайста, скажите ещё раз, как мне быть с логотипом и новинками на главной (((

Цитата

1 - У меня нет файла main.css.
Извините, немного ошибся. В шаблоне "Вечность" это файл "style.css".

Цитата

2 - При замене кода "новинки" они скрываются и все... (пример прикрепил)
Попробуйте такой вариант кода:
<!-- Список Новинок -->
{% IFNOT  index_page_new_goods %}
<section class="newsletter">
	<div>
		<h3><b>Новинки</b></h3>
	</div>
</section>
<script type="text/javascript">
	jQuery(function() {
		$.fn.startCarousel = function() {
			var bodywidth = $('.container').width(),
					itemwidth = $('.mycarousel li').outerWidth(true),
					mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
					licount = $('.mycarousel li').size(),
					jscroll = 1;
			if (licount > mycontwidth / itemwidth) {
				jscroll = mycontwidth / itemwidth;
			} else {
				jscroll = 0;
				mycontwidth = licount * itemwidth;
			}
			$('.mycont').width(mycontwidth);
			$('.mycarousel').jcarousel({
				scroll: jscroll,
				wrap: 'circular'
			});
		};
		$(this).startCarousel();
		$(window).resize(function() {
			$(this).startCarousel();
		});
		$('.mycarousel').jcarousel({
			scroll: 2
		});
	});
</script>
<div class="mycont">
	<ul class="mycarousel">
		{% FOR  index_page_new_goods %}
		<li>
			<h3><a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{ index_page_new_goods.NAME}</a></h3>
			<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
				<a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
					<img alt="{ index_page_new_goods.NAME}" src="{% IF  index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{ index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			</div>
			<div class="price">
				<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW}">{ index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				{% IF  index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT> index_page_new_goods.MIN_PRICE_NOW %}
				<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF  index_page_new_goods.MIN_PRICE_OLD> index_page_new_goods.MIN_PRICE_NOW %}
				<a href="{ index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			</div>
			<div class="buy-item">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}">
					<div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{ index_page_new_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{ index_page_new_goods.MIN_PRICE_NOW_ID}" />
						<!--button type="submit" onclick="$('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{ index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
						<button type="submit" onclick="quickorder('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}');
				return false;" title="Быстро оформить заказ">Заказать</button>
					</div>
				</form>
			</div>
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			{% IFNOT SETTINGS_COMPARE_DISABLE %}
			{% IF  index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
			<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
			{% ELSE %}
			<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={ index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
			{% ENDIF %}
			{% ENDIF %}
			{% ENDIF %}
		</li>
		{% ENDFOR %}
	</ul>
</div>
{% ENDIF %}
<!-- /Список Новинок -->

Цитата

3- Как сделать, что бы таблица в товаре(Точнее под ним) ГДЕ ОПИСАНИЕ, ДОСТАВКА, отзывы, в первую очередь, при открытии товара выходило описание, сейчас выходят отзывы.

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

 <ul class="tabs">  
		  <li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1">Описание</a></li>  
		<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
		<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>  
		<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" class="active">Отзывы</a></li>  
	  </ul>
Заменить:
 <ul class="tabs">  
		  <li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Описание</a></li>  
		<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
		<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>  
		<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" >Отзывы</a></li>  
	  </ul>

В файле "main.css".
Найти код:
#content_2, #content_3, #content_1 {display:none;}
Заменить:
#content_2, #content_3, #content_4 {display:none;}

Цитата


4- Все фотографии в каталоге, в под разделах выровнять на одном уровне ? Возможно такое ??
И как изменить цвет кнопки с зеленого на другой ??
Для изменения цвета кнопки.

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

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("http://s643889.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("http://s643889.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;}
}
Заменить:
@media screen and (min-width: 860px) {
.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: block;
text-align: center;
background-color: green;/*цвет фона*/
}
}
@media screen  and (max-width: 480px) {
.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: block;
text-align: center;
background-color: green;/*цвет фона*/
}
}


#5 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 21 Апрель 2013 - 20:40

К сожалению с новинками вышла беда. (Скрин прикрепил)

И фотографии в разделе не выравниваются. Хотелось бы их выставить ровно.

И скажите пожалуйста, как поменять цвет кнопки с зеленого на другой, синий или красный ?

И ответьте пожалуйста на два таких вот вопроса. 1 Где добавлять в таблицу(которая находится в товаре в самом низу, сейчас там описание, отзывы) свои тексты и картинки ? Как добавить свои блоки, оставить лишь "Описание" "Отзывы" а между ними вставить 4 других блока. Помогите пожалуйста.

2 Как поставить другой слайд на главную ??

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

  • 214312423.jpg


#6 Koderhan

Koderhan

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

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

Отправлено 22 Апрель 2013 - 09:29

Цитата

И скажите пожалуйста, как поменять цвет кнопки с зеленого на другой, синий или красный ?

Про это я вам написал в предыдущем сообщение, вы можете просто задать свой цвет фона блока в системе rgb.

С новинками начнем все сначала. В файле "HTML".
Найдем код:
<script type="text/javascript">
		jQuery(function() {
				$.fn.startCarousel = function() {
						var bodywidth = $('.container').width(),
										itemwidth = $('.mycarousel li').outerWidth(true),
										mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
										licount = $('.mycarousel li').size(),
										jscroll = 1;
						if (licount > mycontwidth / itemwidth) {
								jscroll = mycontwidth / itemwidth;
						} else {
								jscroll = 0;
								mycontwidth = licount * itemwidth;
						}
						$('.mycont').width(mycontwidth);
						$('.mycarousel').jcarousel({
								scroll: jscroll,
								wrap: 'circular'
						});
				};
				$(this).startCarousel();
				$(window).resize(function() {
						$(this).startCarousel();
				});
				$('.mycarousel').jcarousel({
						scroll: 2
				});
		});
</script>
<div class="mycont">
		<ul class="mycarousel">
				{% FOR  index_page_new_goods %}
				<li>
						<h3><a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{ index_page_new_goods.NAME}</a></h3>
						<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
								<a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
										<img alt="{ index_page_new_goods.NAME}" src="{% IF  index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{ index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
								</a>
						</div>
						<div class="price">
								<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW}">{ index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
								{% IF  index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT> index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								{% ELSEIF  index_page_new_goods.MIN_PRICE_OLD> index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{ index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
								{% ENDIF %}
						</div>
						<div class="buy-item">
								<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}">
										<div>
												<input type="hidden" name="hash" value="{HASH}" />
												<input type="hidden" name="form[goods_from]" value="{ index_page_new_goods.GOODS_FROM}" />
												<input type="hidden" name="form[goods_mod_id]" value="{ index_page_new_goods.MIN_PRICE_NOW_ID}" />
												<!--button type="submit" onclick="$('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{ index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
												<button type="submit" onclick="quickorder('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}');
								return false;" title="Быстро оформить заказ">Заказать</button>
										</div>
								</form>
						</div>
						<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF  index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
						<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={ index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
						{% ENDIF %}
						{% ENDIF %}
				</li>
				{% ENDFOR %}
		</ul>
</div>
{% ENDIF %}
И заменим на:
<script type="text/javascript">
	jQuery(function() {
		$.fn.startCarousel = function() {
			var bodywidth = $('.container').width(),
					itemwidth = $('.mycarousel li').outerWidth(true),
					mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
					licount = $('.mycarousel li').size(),
					jscroll = 1;
			if (licount > mycontwidth / itemwidth) {
				jscroll = mycontwidth / itemwidth;
			} else {
				jscroll = 0;
				mycontwidth = licount * itemwidth;
			}
			$('.mycont').width(mycontwidth);
			$('.mycarousel').jcarousel({
				scroll: jscroll,
				wrap: 'circular'
			});
		};
		$(this).startCarousel();
		$(window).resize(function() {
			$(this).startCarousel();
		});
		$('.mycarousel').jcarousel({
			scroll: 2
		});
	});
</script>
<div class="mycont">
	<ul class="mycarousel">
		{% FOR index_page_new_goods %}
		<li>
			<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_new_goods.NAME}</a></h3>
			<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
				<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
					<img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			</div>
			<div class="price">
				<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
				<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			</div>
			<div class="buy-item">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
					<div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						<!--button type="submit" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
						<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');
		return false;" title="Быстро оформить заказ">Заказать</button>
					</div>
				</form>
			</div>
		</li>
		{% ENDFOR %}
	</ul>
</div>

Цитата

И ответьте пожалуйста на два таких вот вопроса. 1 Где добавлять в таблицу(которая находится в товаре в самом низу, сейчас там описание, отзывы) свои тексты и картинки ? Как добавить свои блоки, оставить лишь "Описание" "Отзывы" а между ними вставить 4 других блока. Помогите пожалуйста.
Описание и характеристики к товару можно заполнять в карточке товара. Соответсвующие поля описание и характеристики.

#7 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 22 Апрель 2013 - 17:38

Скажите пожалуйста, как поменять цвет кнопки "купить". И помогите пожалуйста разобраться с выравниванием картинок товара.

Все конечно супер, особенно на странице товара карусель с сопуткой. Но вот вопрос и проблема. Возникла полоса новинок и хитов на всех страницах сайта, подскажите как убрать, и как поставить эти карусели в автоматическом режиме ? И можно ли как то убрать сопутствующий товар(точнее карусель" если сопутки нет ?)

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

  • 6324апмв.jpg


#8 dedlui

dedlui

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

  • Пользователи
  • PipPipPip
  • 51 сообщений
  • ГородКалининград

Отправлено 22 Апрель 2013 - 18:47

Доброго времени суток! Тоже появились вопросы. Пытался сам кое что изменить, но не все получается...
Итак вопросы:
1. Как уменьшить расстояние между меню и шапкой?
2. Как сделать уже само меню?
3. Как опустить счетчик товаров в корзине?

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

  • Шапка.JPEG


#9 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 22 Апрель 2013 - 19:29

Просмотр сообщенияdedlui (22 Апрель 2013 - 18:47) писал:

Доброго времени суток! Тоже появились вопросы. Пытался сам кое что изменить, но не все получается...
Итак вопросы:
1. Как уменьшить расстояние между меню и шапкой?
2. Как сделать уже само меню?
3. Как опустить счетчик товаров в корзине?
добрый вечер
1.
найти   код
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}
заменить на код
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;position: relative;top: -40px;}
2.Вы хотели расширить блок?
3.
найти код
.summary {display: block; position: relative;}
заменить на код
.summary {display: block; position: relative;top: 50px;}
после этого меняем код
ищем код
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
меняем на
form[role="search"] {position: absolute; right: 2em;top: 5.5em;}


#10 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 22 Апрель 2013 - 20:14

Просмотр сообщенияMaxnina (22 Апрель 2013 - 17:38) писал:

Скажите пожалуйста, как поменять цвет кнопки "купить". И помогите пожалуйста разобраться с выравниванием картинок товара.

Все конечно супер, особенно на странице товара карусель с сопуткой. Но вот вопрос и проблема. Возникла полоса новинок и хитов на всех страницах сайта, подскажите как убрать, и как поставить эти карусели в автоматическом режиме ? И можно ли как то убрать сопутствующий товар(точнее карусель" если сопутки нет ?)

Помогииитеее :=((

#11 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 22 Апрель 2013 - 20:21

Просмотр сообщенияMaxnina (22 Апрель 2013 - 20:14) писал:

Помогииитеее :=((
1.в main.css найти код
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("http://design.maxnina.ru/icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;}
}
где код
background: url("http://design.maxnina.ru/icons.png") no-repeat scroll 10% -552px #13AF13;
устанавливаете свой цвет: #13AF13;
так же
поп поводу 2 вопроса не много не понятно в данный момент отображение нормальное

#12 dedlui

dedlui

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

  • Пользователи
  • PipPipPip
  • 51 сообщений
  • ГородКалининград

Отправлено 23 Апрель 2013 - 02:14

Просмотр сообщенияMikola (22 Апрель 2013 - 19:29) писал:

добрый вечер
1.
найти   код
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}
заменить на код
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;position: relative;top: -40px;}
2.Вы хотели расширить блок?
3.
найти код
.summary {display: block; position: relative;}
заменить на код
.summary {display: block; position: relative;top: 50px;}
после этого меняем код
ищем код
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
меняем на
form[role="search"] {position: absolute; right: 2em;top: 5.5em;}
1 и 3 пункты сделал, только значения свои подставил. Спасибо!
2 пункт - я хотел сделать саму ленту меню поуже, на картинке показано именно это. Просто я немного не так изобразил.
4. Кстати теперь, после того как поднял ленту меню выше к шапке, нужно поднимать ленты новинок и хитов.

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

  • Ленты.JPEG


#13 Vaccina

Vaccina

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

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

Отправлено 23 Апрель 2013 - 05:07

2. Вам необходимо в файле стилей style.css найти

.global {
background: none repeat scroll 0 0 #F6883C;
padding: 10px;
}

и заменить на

.global {
background: none repeat scroll 0 0 #F6883C;
}

далее найти

.summary a {
background: none repeat scroll 0 0 #F6883C;
color: #FFFFFF;
display: block;
padding: 0.6em 1em 1em;
position: absolute;
right: 0;
text-align: center;
top: -3.3em;
width: 13.333em;
}

и заменить на

.summary a {
background: none repeat scroll 0 0 #F6883C;
color: #FFFFFF;
display: block;
padding: 0.6em 1em 1px;
position: absolute;
right: 0;
text-align: center;
top: -3.3em;
width: 13.333em;
}

4. Найдите в файле стилей style.css

.conta {
margin: 20px auto;
max-width: 1280px;
position: relative;
top: -35px;
width: 100%;
z-index: 30;
}

и заменить на

.conta {
margin: 20px auto 0;
max-width: 1280px;
position: relative;
top: -35px;
width: 100%;
z-index: 30;
}

далее найти

section.newsletter {
background: none repeat scroll 0 0 #FFB36B;
color: #975420;
font: 14px "Arial";
height: 0.8em;
left: 1%;
margin: 1em 0;
padding: 0.6em 1em 1em;
width: 96%;
}

и заменить на

section.newsletter {
background: none repeat scroll 0 0 #FFB36B;
color: #975420;
font: 14px "Arial";
height: 0.8em;
left: 1%;
margin: -25px 0 1em;
padding: 0.6em 1em 1em;
width: 96%;
}


#14 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 11:38

Просмотр сообщенияKoderhan (22 Апрель 2013 - 09:29) писал:

Про это я вам написал в предыдущем сообщение, вы можете просто задать свой цвет фона блока в системе rgb.

С новинками начнем все сначала. В файле "HTML".
Найдем код:
<script type="text/javascript">
	 jQuery(function() {
			 $.fn.startCarousel = function() {
					 var bodywidth = $('.container').width(),
									 itemwidth = $('.mycarousel li').outerWidth(true),
									 mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
									 licount = $('.mycarousel li').size(),
									 jscroll = 1;
					 if (licount > mycontwidth / itemwidth) {
							 jscroll = mycontwidth / itemwidth;
					 } else {
							 jscroll = 0;
							 mycontwidth = licount * itemwidth;
					 }
					 $('.mycont').width(mycontwidth);
					 $('.mycarousel').jcarousel({
							 scroll: jscroll,
							 wrap: 'circular'
					 });
			 };
			 $(this).startCarousel();
			 $(window).resize(function() {
					 $(this).startCarousel();
			 });
			 $('.mycarousel').jcarousel({
					 scroll: 2
			 });
	 });
</script>
<div class="mycont">
	 <ul class="mycarousel">
			 {% FOR index_page_new_goods %}
			 <li>
					 <h3><a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{ index_page_new_goods.NAME}</a></h3>
					 <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
							 <a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
									 <img alt="{ index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{ index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
							 </a>
					 </div>
					 <div class="price">
							 <a href="{ index_page_new_goods.URL_MIN_PRICE_NOW}">{ index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
							 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT> index_page_new_goods.MIN_PRICE_NOW %}
							 <a href="{ index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD> index_page_new_goods.MIN_PRICE_NOW %}
							 <a href="{ index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
							 {% ENDIF %}
					 </div>
					 <div class="buy-item">
							 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}">
									 <div>
											 <input type="hidden" name="hash" value="{HASH}" />
											 <input type="hidden" name="form[goods_from]" value="{ index_page_new_goods.GOODS_FROM}" />
											 <input type="hidden" name="form[goods_mod_id]" value="{ index_page_new_goods.MIN_PRICE_NOW_ID}" />
											 <!--button type="submit" onclick="$('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{ index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
											 <button type="submit" onclick="quickorder('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}');
							 return false;" title="Быстро оформить заказ">Заказать</button>
									 </div>
							 </form>
					 </div>
					 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					 {% IFNOT SETTINGS_COMPARE_DISABLE %}
					 {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
					 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
					 {% ELSE %}
					 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={ index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
					 {% ENDIF %}
					 {% ENDIF %}
					 {% ENDIF %}
			 </li>
			 {% ENDFOR %}
	 </ul>
</div>
{% ENDIF %}
И заменим на:
<script type="text/javascript">
jQuery(function() {
	 $.fn.startCarousel = function() {
		 var bodywidth = $('.container').width(),
				 itemwidth = $('.mycarousel li').outerWidth(true),
				 mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth % itemwidth : itemwidth,
				 licount = $('.mycarousel li').size(),
				 jscroll = 1;
		 if (licount > mycontwidth / itemwidth) {
			 jscroll = mycontwidth / itemwidth;
		 } else {
			 jscroll = 0;
			 mycontwidth = licount * itemwidth;
		 }
		 $('.mycont').width(mycontwidth);
		 $('.mycarousel').jcarousel({
			 scroll: jscroll,
			 wrap: 'circular'
		 });
	 };
	 $(this).startCarousel();
	 $(window).resize(function() {
		 $(this).startCarousel();
	 });
	 $('.mycarousel').jcarousel({
		 scroll: 2
	 });
});
</script>
<div class="mycont">
<ul class="mycarousel">
	 {% FOR index_page_new_goods %}
	 <li>
		 <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_new_goods.NAME}</a></h3>
		 <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
			 <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
		 </div>
		 <div class="price">
			 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
			 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
			 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
			 <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
		 </div>
		 <div class="buy-item">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
				 <div>
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
					 <!--button type="submit" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">В корзину</button-->
					 <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');
	 return false;" title="Быстро оформить заказ">Заказать</button>
				 </div>
			 </form>
		 </div>
	 </li>
	 {% ENDFOR %}
</ul>
</div>

Описание и характеристики к товару можно заполнять в карточке товара. Соответсвующие поля описание и характеристики.
Сделал как Вы и сказали, опять ошибки, только теперь другом месте. На главной стоит как нужно, но вот на других страницах происходит какой то бардак. На с крине видно как это происходит. Так же хотел бы узнать, как сделать карусель, и поставить её автоматически. И если возможно, то опустить её под баннер.
2 Как изменить цвет кнопки купить ?
3- Карусель у сопутке (При замене кода выше, который Вы мне дали) она появляется, но не открываются товары, и если начинаешь их листать, то они, конечно, крутятся, но вот между ними проскакивают картинки )
4- ТАк же не выравниваются фотографии/окно в группе товара.

Чуть не забыл, как в таблице, внизу товара, добавлять новые вкладки и редактировать их ?

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

  • 6324апмв.jpg


#15 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 13:06

1. В товаре уже нет таких полос как новинки и хиты(см. изображение). Попробуйте почистить кэш браузера.
2. В файле style.css  найдите блок
.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.maxnina.ru/icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: block;
text-align: center;
}
изменяйте значение  #13AF13 в строке
background: url("http://design.maxnina.ru/icons.png") no-repeat scroll 10% -552px #13AF13;
на то, которое Вам больше нравиться.

3. Сопутствующих товаров у Вас на сайте я не нашла( за исключением С этим товаром смотря, который работает корректно).
4. Не совсем понятно что Вы имеете ввиду.
5. В шаблоне Товар в блок
<ul class="tabs">
				 <li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Описание</a></li>
			 <li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
			 <li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
			 <li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" >Отзывы</a></li>
		 </ul>
  добавляйте строки
<li {% Условие %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_X', 'content_X');" id="tab_X">Название новой вкладки</a></li>
Затем предположим после блока
<div id="content_1" class="content">
	 <!-- Блок описания товара. Показываем его есть описание товара -->
	 {% IF GOODS_DESCRIPTION_LARGE %}
		 <h3>Описание {GOODS_NAME}</h3>
		 <div class="htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
		 </div>
	 {% ENDIF %}
	 <!-- END Блок описания товара. Показываем его есть описание товара -->
	
	 <!-- Короткое SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
	 {% ENDIF %}
	 <!-- END Короткое SEO-описание -->
	
	 <!-- Полное SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
	 {% ENDIF %}
	 <!-- END Полное SEO-описание -->
	 </div>
вставьте блок
<div id="content_Х " class="content">
 <h3>Название вкладки </h3>
	 Код того блока, который Вы хотите вставить.
	 </div>
Х- номер следующей вкладки. (1,2, .....)
Название новой вкладки- предположим доставка или с этим смотрят
Код-блока - это код блока из Вашего шаблона Товар, который Вы хотели бы переместить в данную таблицу.

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

  • Товар.png


#16 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 13:24

Извиняюсь, я просто убирал эти изменения, которые писали выше. Где нужно было заменить код. Сейчас я поставил как опять же об этом говорилось Выше, и теперь Вы можете посмотреть как это выглядит. И ещё такая проблема, о том что писал мне выше Koderhan я все заменил, стал сохранять и возникла проблема, файл прикреплен. Я эту строчку просто удалил и проблема прошла. Скажите, так можно делать ?

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

  • ваыыыыыыыыыыыыы.jpg
  • 423423ччччччччччччччччччччччччф.jpg


#17 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 14:02

Вкладки не получается сделать, при добавлении кода вида "<li {% Условие %}class="hide"{% ENDIF %}><ahref="javascript:tabSwitch('tab_X', 'content_X');"id="tab_X">Название новой вкладки</a></li>", а после код "<divid="content_1"class="content">
         <!-- Блок описания товара. Показываем его есть описание товара -->
         {% IF GOODS_DESCRIPTION_LARGE %}
                 <h3>Описание {GOODS_NAME}</h3>
                 <div class="htmlDataBlock" itemprop="description">
                 {GOODS_DESCRIPTION_LARGE}
                 </div>
         {% ENDIF %}
         <!-- END Блок описания товара. Показываем его есть описание товара -->
        
         <!-- Короткое SEO-описание -->
         {% IF GOODS_SEO_DESCRIPTION_SHORT %}
                 <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
         {% ENDIF %}
         <!-- END Короткое SEO-описание -->
        
         <!-- Полное SEO-описание -->
         {% IF GOODS_SEO_DESCRIPTION_LARGE %}
                 <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
         {% ENDIF %}
         <!-- END Полное SEO-описание -->
         </div>
Вы ходит ошибка, если пробовать её удалить то выходит следующее (фаил прикрепил).

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

  • 11111155555555555555.jpg
  • цйууйцуйцуйцуйцуй.jpg


#18 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 15:12

Просмотр сообщенияMaxnina (23 Апрель 2013 - 13:24) писал:

Извиняюсь, я просто убирал эти изменения, которые писали выше. Где нужно было заменить код. Сейчас я поставил как опять же об этом говорилось Выше, и теперь Вы можете посмотреть как это выглядит. И ещё такая проблема, о том что писал мне выше Koderhan я все заменил, стал сохранять и возникла проблема, файл прикреплен. Я эту строчку просто удалил и проблема прошла. Скажите, так можно делать ?
Это условие, которое трактуется как "если главная страница, то выполнять следующее" Говоря иными словами, Это действие выполняется для главной страницы. Если его убрать, то последующий блок будет выполняться для всех страниц.


Просмотр сообщенияMaxnina (23 Апрель 2013 - 14:02) писал:

Вкладки не получается сделать, при добавлении кода вида "<li {% Условие %}class="hide"{% ENDIF %}><ahref="javascript:tabSwitch('tab_X', 'content_X');"id="tab_X">Название новой вкладки</a></li>", а после код "<divid="content_1"class="content">
<!-- Блок описания товара. Показываем его есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<h3>Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description">
{GOODS_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Блок описания товара. Показываем его есть описание товара -->

<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>
Вы ходит ошибка, если пробовать её удалить то выходит следующее (фаил прикрепил).
Вам нужно было не вставлять именно ту строку, которую я Вам писала, а в нее вставить свои условия, номер вкладки и название вкладки. С блоком котрый нужно было вставлять ниже тоже самое. Вам предположим, нужно вставить еще одно описание и между тэгов
<div id="content_Х " class="content">
<h3>Название вкладки </h3>
и
</div>
надо было вставить код описания из Вашего шаблона Товар.

Какую именно вкладку Вы хотите добавить?

#19 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 18:14

Хотел создать вкладки из Сайт-Страница, во вкладках должно быть то что написано в файлах страницы. Пример: Таблица размеров(картинки и чуть описания. Оплата (картинки и описание) и т.д.

На счет карусели к новинкам. То есть, как я понимаю, сделать карусель с автоматической прокруткой только для главной не получится ?

#20 Koderhan

Koderhan

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

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

Отправлено 23 Апрель 2013 - 18:16

Просмотр сообщенияMaxnina (23 Апрель 2013 - 18:14) писал:

Хотел создать вкладки из Сайт-Страница, во вкладках должно быть то что написано в файлах страницы. Пример: Таблица размеров(картинки и чуть описания. Оплата (картинки и описание) и т.д.
К сожалению такое нельзя сделать.
Можно только вручную прописывать текст вкладки в файле "Товар".




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

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