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


Оформление Корзины

Автор Bardin, 11 дек. 2011 11:01

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

#1 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 11 Декабрь 2011 - 11:01

На главной странице в шапке хотелось бы красиво оформить корзину с ценой. Например вот так :

#2 Vaccina

Vaccina

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

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

Отправлено 12 Декабрь 2011 - 21:14

Можно изменить, или задать для корзины изображение например как описано тут http://forum.storela...ndpost__p__2252, или просто изменить стили на такие 

#cartInfo {
	background: #EEEEEE;
	border-radius: 4px;
	bottom: 6px;
	font-size: 13px;
	padding: 5px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

#3 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 13 Декабрь 2011 - 07:22

А как сделать черную тонкую рамку и залить внутри белым цветом

#4 Vaccina

Vaccina

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

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

Отправлено 13 Декабрь 2011 - 18:14

Для рамки можно задать свойство border например 

border: 1px solid #000;

А для белого фона

background: #FFF;

#5 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 14 Декабрь 2011 - 00:56

Как бы еще сделать что бы корзина открывалась при нажатии на блок а не только на фразу "корзина" ?

И подскажите еще какой цвет у кнопок меню ( главная, контакты и тд )?

#6 Vaccina

Vaccina

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

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

Отправлено 14 Декабрь 2011 - 21:20

Цитата

Как бы еще сделать что бы корзина открывалась при нажатии на блок а не только на фразу "корзина" ?

Можно попробовать использовать JavaScript событие. Для этого нужно в файл main.js добавить следующий код 

$('#cartInfo').click(function(){
 document.location = 'http://nilena.ru/cart';
});

данный код нужно вставить после строки 

$(document).ready(function(){

#7 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 14 Декабрь 2011 - 21:23

JS не работает

подскажите еще какой цвет у кнопок меню ( главная, контакты и тд )?

#8 Vaccina

Vaccina

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

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

Отправлено 15 Декабрь 2011 - 19:50

Код который я вам предложила - полностью рабочий, вероятно вы его не правильно разместили. Попробуйте еще раз более внимательно. Так же в вашем файл http://js.storeland..../8/7759/main.js данный код не обнаружила.

Цитата

подскажите еще какой цвет у кнопок меню ( главная, контакты и тд )?

Цвет черный, а задается он через класс в файле стилей

#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("http://img.storeland.ru/web/upload/assets/images/8/7759/nav_item_bg.gif") repeat-x scroll left bottom transparent;
	color: #000000;
	display: block;
	height: 26px;
	padding: 4px 10px 0;
}

а при наведении или активности через класс

#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active {
	background-position: right bottom;
	color: #D0431D;
	text-decoration: none;
}

#9 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 15 Декабрь 2011 - 20:55

Он серый. Цвет блока а не рамки. Я хочу заполнить блок корзины таким же цветом.

JS разместил , не работает

#10 Vaccina

Vaccina

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

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

Отправлено 16 Декабрь 2011 - 19:57

Если вы про тень - то это класс

#mainNav {
	background: url("http://img.storeland.ru/web/upload/assets/images/8/7759/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 35px;
	left: 5px;
	position: absolute;
}

вам необходимо изменить изображение nav_bg.jpg

Цитата

JS разместил , не работает

Проверила у вас на сайте - JS работает. Быть может вам нужно что бы при наведении менялся курсор?
для этого нужно в классе 

#cartInfo {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #000000;
	border-radius: 4px;
	bottom: 6px;
	font-size: 13px;
	padding: 5px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

добавить свойство 
cursor: pointer;

#11 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 16 Декабрь 2011 - 23:33

Нет. Вообщем как сравнять фон корзины с фоном шапки ?

Что касается JS мне нужно что бы я мог заходить в корзину нажав на блок корзины а не только кликнув по слову корзина

#12 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2011 - 18:41

Цитата

Нет. Вообщем как сравнять фон корзины с фоном шапки ?

Замените класс

#cartInfo {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #000000;
	border-radius: 4px 4px 4px 4px;
	bottom: 6px;
	font-size: 13px;
	padding: 5px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

на 

#cartInfo {
	border: 1px solid #000000;
	border-radius: 4px 4px 4px 4px;
	bottom: 6px;
	font-size: 13px;
	padding: 5px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

Цитата

Что касается JS мне нужно что бы я мог заходить в корзину нажав на блок корзины а не только кликнув по слову корзина

Не совсем вас понимаю. Как писала выше код JS предложенный у вас на сайте работает, и перейти в корзину можно кликнув по блоку а не только по ссылке. Перезапустите браузер возможно у вас закэшировалась страница.

#13 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

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

Подскажите как сделать что бы при наведении на слово корзина оно не подчеркивалось снизу линией.

Какой точный цвет у рамки "поиска" ?

#14 Vaccina

Vaccina

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

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

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

Цитата

Подскажите как сделать что бы при наведении на слово корзина оно не подчеркивалось снизу линией.
редактор тем - main.css - в самом низу допишите:
#cartInfo a:hover {
	cursor:default;
}

Цитата

Какой точный цвет у рамки "поиска" ?
input#keywords {
	border: 1px solid #CCCCCC;
	color: #333333;
	font-size: 1em;
	margin: 0;
	padding: 0.25em;
	width: 200px;
}

#CCCCCC

#15 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 700 сообщений
  • ГородМосква

Отправлено 26 Январь 2012 - 22:46

Слово корзина все равно подчеркивается при наведении. Курсор не нужно что бы пропадал.


Почему рамка корзины в IE с острыми краями а в Хроме и Опере с округлыми ? Как сделать что бы во всех браузерах была с острыми ?

#16 Vaccina

Vaccina

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

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

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

Цитата

Слово корзина все равно подчеркивается при наведении. Курсор не нужно что бы пропадал.
извиняюсь, напутала немного.
этот блок:
#cartInfo a:hover {
	cursor:default;
}

замените на этот:
#cartInfo a:hover {
	text-decoration:none;
}
после этого при наведении не будет подчеркиваться.

Цитата

Почему рамка корзины в IE с острыми краями а в Хроме и Опере с округлыми ? Как сделать что бы во всех браузерах была с острыми ?
Причина в том, что не все браузеры воспринимают код одинаково, для этого нужно использовать css хаки для конкретных браузеров.

#17 katty_k

katty_k

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

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

Отправлено 17 Февраль 2012 - 09:26

1. Помогите пожалуйста можно ли иконку ккорзины перенести сюда?
Безымянный 3.jpg

2. Подскажите пожалуйста как опустить надпись каталог товаров, у меня сейчас так: Безымянный 1.jpg
А я хочу, чтобы бало так: http://konkovo.storeland.ru/

3. И еще подскажите пожалуйста как убрать из левого меню, блок статьи.

#18 Vaccina

Vaccina

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

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

Отправлено 17 Февраль 2012 - 21:24

Цитата

1. Помогите пожалуйста можно ли иконку ккорзины перенести сюда?
Пожалуйста приведите ваш полный шаблон "HTML"

Цитата

2. Подскажите пожалуйста как опустить надпись каталог товаров, у меня сейчас так:
Не совсем понимаю что вы хотите. С виду одно и то-же. Возможно вы уже решили этот вопрос.

Цитата

3. И еще подскажите пожалуйста как убрать из левого меню, блок статьи.
В шаблоне "HTML" найдите и удалите 

<!-- Статьи -->
				{%IFNOT news_list_articles_empty %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ARTICLES_URL}">Статьи</a></h4>
				  <div class="contentTbodyNews">
		
					<!-- Список статей -->
					<div class="contentTbodyNewsBlock">
					  {% FOR news_list_articles %}
						<div class="contentTbodyNewsBlockItem"> 
						  <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
						  
						  <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
						  {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
						</div>
					  {% ENDFOR %}
					</div>
		
					<a href="{NEWS_ARTICLES_URL}">Архив статей</a>
				  </div>
				{% ENDIF %}

#19 katty_k

katty_k

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

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

Отправлено 18 Февраль 2012 - 09:39 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
  <title>{PAGE_TITLE}</title>
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Language" content="ru" />
  <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />

  <!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
  {% IF PAGE_CANONICAL %}
	<link rel="canonical" href="{PAGE_CANONICAL}" />
  {% ENDIF %}
  
  <!-- Стили которые не нужно менять, грузятся из папки общих файлов -->
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
	{% ENDIF %}
  {% ENDIF %}

  <!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
  <!-- Это собранные в один файл скрипты из файлов:
	{FORALL_JS_PATH}jquery-1.4.2.min.js
	{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
	{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
	{FORALL_JS_PATH}jquery.validate.min.js
	{FORALL_JS_PATH}jquery.capslock.min.js
  -->
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script>

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
	{% ENDIF %}
  {% ENDIF %}

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>


  <!-- Скрипт для корректной работы A/B тестов -->
  <script type="text/javascript" src="http://cdn.abtest.ru/js/13726.js"></script>
</head>
<meta name="msvalidate.01" content="F0288A701A770A0464B77EA339E583EF" />
<body>
<!-- RedHelper -->
<script id="rhlpscrtg" type="text/javascript" charset="utf-8" async="async"
	src="http://web.redhelper.ru/service/main.js?c=kattyn"></script>
<link href="http://data.redhelper.ru/kattyn/default/style.css" rel="stylesheet" type="text/css"/>
<!--/Redhelper -->

  <div id="headerWrap">
		<div id="header">
			<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
			
			<!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% 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>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->

			<h2 id="title"></h2>
			
			<div id="mainNav">
				<table>
				  <tr>
					{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
							<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
							  <div>
								<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>
							  </div>
  						  </td>
						  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
				  </tr>
				</table>
			</div>
			<!-- Поиск -->
			<div id="searchPanel">
				<form action="http://{NET_DOMAIN}/search" method="post">
  				<p>
  					<label for="keywords">Поиск по сайту</label>
  					<input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
  					<input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
  			  </p>
				</form>
			</div>
			<!-- end Поиск -->
			
			<!-- Корзина -->
	  <div id="cartInfo">
			<table>
			  <tr>
				<td rowspan="3" 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>
	  </div>
	  <!-- end Корзина -->

		</div>
	</div>
	
	<div id="contentWrap">
		<div id="content">
		
		  <table id="contentMainTb">
			<tr>
			  <td id="leftMenuBlockWrap"> 
				<div id="leftMenuBlock">	
	  				<!-- Каталог -->
	  				<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
	  				  {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li
{% IF catalog.NAME=БРЕНДЫ %}style="display:none;"{% ENDIF %}
{% IF catalog.NAME=Missha %}style="display:none;"{% ENDIF %}
{% IF catalog.NAME=YoungFaces %}style="display:none;"{% ENDIF %}
{% IF catalog.NAME=Skin79 %}style="display:none;"{% ENDIF %}
{% IF catalog.NAME=Holika Holika %}style="display:none;"{% ENDIF %}
>
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("16")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
	  				</ul>
	  				<!-- end Каталог -->
<p>
<a href="https://money.yandex.ru" target="_blank">
 <img src="https://money.yandex.ru/img/yamoney_logo88x31.gif" 
  alt="Я принимаю Яндекс.Деньги" 
  title="Я принимаю Яндекс.Деньги" border="0" width="88" height="31"/></a>
	  
			  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
				
				<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
				{% IF SHOW_GOODS_FILTERS %}
				  <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>
		
				  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				  <form action="" method="get">
					<div class="contentTbodySearchFilterBlock cornerAll">
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
					  {% FOR filter_attr_list %}
						<em>{filter_attr_list.NAME}</em>
						<div class="contentTbodySearchFilterBlockValues">
						{% FOR values %}
						  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> 
						  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br />
						{% ENDFOR %}
						</div>
					  {% ENDFOR %}
		
					  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					  {% FOR filter_prop_list %}
						<em>{filter_prop_list.NAME}</em>
						<div class="contentTbodySearchFilterBlockValues">
						{% FOR values %}
						  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} > 
						  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}</label><br />
						{% ENDFOR %}
						</div>
					  {% ENDFOR %}
					</div>
				  </form>
				{% ENDIF %}
			  {% ENDIF %}
	  				<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	  
	  				<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
				  <div class="contentTbodyCompare">
					{%IF COMPARE_GOODS_COUNT=0 %}
					  <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
					{% ELSE %}
					  <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
					  <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
					{% ENDIF %}
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	  
	  				<!-- Если в тарифном плане подключен модуль новостей -->
			  {% IF TARIFF_FEATURE_NEWS %}
				<!-- Все новости -->
				{%IFNOT news_list_all_empty %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ALL_URL}">Лента новостей</a></h4>
				  <div class="contentTbodyNews">
		
					<!-- Список новостей магазина -->
					<div class="contentTbodyNewsBlock">
					  {% FOR news_list_all %}
						<div class="contentTbodyNewsBlockItem"> 
						  <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
						  
						  <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
						  {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
						</div>
					  {% ENDFOR %}
					</div>
		
					<a href="{NEWS_ALL_URL}">Архив новостей</a>
				  </div>
				{% ENDIF %}
				
				<!-- Новости магазина -->
				{%IFNOT news_list_shop_empty %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_SHOP_URL}">Новости магазина</a></h4>
				  <div class="contentTbodyNews">
		
					<!-- Список новостей магазина -->
					<div class="contentTbodyNewsBlock">
					  {% FOR news_list_shop %}
						<div class="contentTbodyNewsBlockItem"> 
						  <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
						  
						  <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
						  {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
						</div>
					  {% ENDFOR %}
					</div>
		
					<a href="{NEWS_SHOP_URL}">Архив новостей</a>
				  </div>
				{% ENDIF %}
				
				<!-- Статьи -->
				{%IFNOT news_list_articles_empty %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ARTICLES_URL}">Статьи</a></h4>
				  <div class="contentTbodyNews">
		
					<!-- Список статей -->
					<div class="contentTbodyNewsBlock">
					  {% FOR news_list_articles %}
						<div class="contentTbodyNewsBlockItem"> 
						  <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
						  
						  <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
						  {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
						</div>
					  {% ENDFOR %}
					</div>
		
					<a href="{NEWS_ARTICLES_URL}">Архив статей</a>
				  </div>
				{% ENDIF %}
				
				<!-- Материалы СМИ -->
				{%IFNOT news_list_mass_media_empty %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h4>
				  <div class="contentTbodyNews">
		
					<!-- Список статей -->
					<div class="contentTbodyNewsBlock">
					  {% FOR news_list_mass_media %}
						<div class="contentTbodyNewsBlockItem"> 
						  <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
						  
						  <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
						  {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
						</div>
					  {% ENDFOR %}
					</div>
		
					<a href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
<p>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>

	  			</div>
			  </td>
			  <td id="primaryContent">
				  {BODY}
						  			  
				  <!-- Всевозможные списки товаров -->
			{% IF index_page %}
			  <!-- Список новинок на главной -->
			  {% IFNOT index_page_new_goods_empty %}
				<h3 class="mytoppage"><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3 class="mytoppage">
				<table>
				  <tr>
					{% FOR index_page_new_goods %}
				  		<td class="goodsListItem">  
						<div class="goodsListItemBlock withBorder cornerAll">
				  			<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
				  			<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
							  <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 %}
							<br /><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 %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
				  		{index_page_new_goods.index | is_divided("4","</tr><tr>","")}
				  	{% ENDFOR index_page_new_goods %} 
				  </tr>
				</table>
			  {% ENDIF %}	   
			  <!-- end Список новинок на главной -->
			  
			  <!-- Список хитов продаж на главной -->
			  {% IFNOT index_page_favorites_goods_empty %}
				<h3 class="mytoppage"><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Лидеры продаж</a></h3 class="mytoppage">
				<table>
				  <tr>
					{% FOR index_page_favorites_goods %}
				  		<td class="goodsListItem">  
						<div class="goodsListItemBlock withBorder cornerAll">
				  			<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
				  			<h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
							  <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
							  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
				  		{index_page_favorites_goods.index | is_divided("4","</tr><tr>","")}
				  	{% ENDFOR index_page_favorites_goods %} 
				  </tr>
				</table>
			  {% ENDIF %}	   
			  <!-- end Список хитов продаж на главной -->
	
			  <!-- Список товаров на главной -->
			  {% IFNOT index_page_goods_empty %}
				<h3 class="mytoppage">Рекомендуем</h3 class="mytoppage">
				<table>
				  <tr>
					{% FOR index_page_goods %}
				  		<td class="goodsListItem">  
						<div class="goodsListItemBlock withBorder cornerAll">
				  			<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
				  			<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
							  <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
							  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
				  		{index_page_goods.index | is_divided("4","</tr><tr>","")}
				  	{% ENDFOR index_page_goods %} 
				  </tr>
				</table>
			  {% ENDIF %}	   
			  <!-- end Список товаров на главной -->
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->
			  </td>
			</tr>
		  </table>
		</div>
  </div >

  <!-- Подвал сайта -->
  <div id="footer">
	<br />
	<span>
	{% FOR menu %}
	  {% FOR footer %}
		{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
<p>
<a href="http://online74.ru" title="интернет магазины Челябинска"><img src="http://online74.ru/knopka74.gif" alt="Интернет магазины Челябинска" border="0" width="88" height="31" /></a>
<a href="http://inetshopper.ru/" title="интернет магазины России" target="_blank"><img src="http://inetshopper.ru/upload/InetShopper-88x31-2.gif" border="0" alt="Интернет магазины России"></a>
<a title="Интернет магазины г Челябинска" href="http://Chelyabinsk.mnogonado.net" target="_blank"><img alt="Интернет магазины г Челябинска" src="http://Chelyabinsk.mnogonado.net/logo31x31.gif" width=31 height=31 border=0></a>
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t44.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
</script><!--/LiveInternet-->
</noindex>
	  {% ENDFOR %}
	{% ENDFOR %}
	</span>
	<br /><br />
	<div class="footnote">
	   &copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}<br />
	  Все права защищены <br />
	  {SETTINGS_STORE_REGION}<br />
{SETTINGS_STORE_HTML_CODE}<br />
	  {COPYRIGHT_FOR_DESIGN_MOKKO}
	</div>
	
  </div>
</body>
</html>
Если я вас правильно поняла, вот полный HTML код.

По поводу каталога, я бы хотела словосочетание "каталог товаров", опустить чуть ниже, хотябы напротив слов: "Вы здесь:..."
И еще можно иконку Ядекс.Деньги сделать посередине левого блока, а не по левому краю? Спасибо.
2. Пожалуйста помогите еще пожалуйста у меня блок каталог товаров, новости и статьи обрамлены фоном, а я бы хотела оставить только каталог товаров к таком блоке, а статьи и новости и сравнение товаров убрать, не могу разобраться. Вот код, который сейчас: 
#subNavigation, .contentTbodyCompare, .contentTbodyNews {
	background: none repeat scroll 0 0 #FFE4E1;
	border-radius: 6px 6px 6px 6px;
	padding: 5px;
}

#20 Vaccina

Vaccina

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

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

Отправлено 20 Февраль 2012 - 22:09

Найдите в шаблоне "HTML"
<div id="cartInfo">
			<table>
			  <tr>
				<td rowspan="3" 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>
	  </div>
	  <!-- end Корзина -->
И замените на 

<div id="cartInfo">
			<table>
			  <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td></tr>
			  <tr>
				<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>
	  </div>
	  <!-- end Корзина -->

Далее в файле стилей найдите 

#cartInfo {
	bottom: -50px;
	color: #000000;
	font-size: 13px;
	position: absolute;
	right: -130px;
}

и замените на 

#cartInfo {
	bottom: -90px;
	color: #000000;
	font-size: 13px;
	position: absolute;
	right: -130px;
}

Далее для каталога найдите 

.contentTbodyCatalogHeader {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17285/grey_dotted.gif") repeat-x scroll 0 100% transparent;
	margin: 0 1em 0.33em 0.7em;
	padding-bottom: 0.2em;
}

замените на 

.contentTbodyCatalogHeader {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17285/grey_dotted.gif") repeat-x scroll 0 100% transparent;
	margin: 0 1em 0.33em 0.7em;
	padding-bottom: 0.2em;
	padding-top: 8px;
}

Далее для фона каталога - найдите

#subNavigation, .contentTbodyCompare, .contentTbodyNews {
    background: none repeat scroll 0 0 #FFE4E1;
    border-radius: 6px 5px 6px 5px;
    padding: 5px;
}

замените на 

#subNavigation, .contentTbodyCompare, .contentTbodyNews {
	background: none repeat scroll 0 0 #FFE4E1;
	border-radius: 6px 5px 6px 5px;
	padding: 5px;
}

.contentTbodyCompare, .contentTbodyNews {
  background: none;
  border-radius: 0;
}

Для иконки - в шаблоне "HTML" найдите 

<p>
<a target="_blank" href="https://money.yandex.ru">
 <img width="88" border="0" height="31" title="Я принимаю Яндекс.Деньги" alt="Я принимаю Яндекс.Деньги" src="https://money.yandex.ru/img/yamoney_logo88x31.gif"></a>
<br>
</p>

и замените на 

<p style="text-align: center;">
<a target="_blank" href="https://money.yandex.ru">
 <img width="88" border="0" height="31" title="Я принимаю Яндекс.Деньги" alt="Я принимаю Яндекс.Деньги" src="https://money.yandex.ru/img/yamoney_logo88x31.gif"></a>
<br>
</p>

Обратно в Корзина


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Корзина
  6. Privacy Policy