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


Задам Все Свои Вопросы В Одном Месте

изменить цвет шрифт передви

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

#1 eliant

eliant

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

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

Отправлено 28 Июнь 2013 - 12:15

Здравствуйте.
Задам все свои вопросы в одном месте.
1) Как  в шапке опустить и передвинуть чуть вправо блок с информацией о магазине и сделать шрифт больше и другим цветом?
2) Нужно разместить картинку –ссылку по поиском;
3) 4) поменять в верхнем меню   черный цвет  на другой;
5) поменять цвет
6.png
6) Поменять цвет и сделать уже полоску-ленту «Новинки» и «Хиты продаж»
3.png
7) на главной странице и страницах товаров перенести виджет ВКонтакте   на место рядом с виджетом Одноклассников
5.png

#2 sengun

sengun

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

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

Отправлено 28 Июнь 2013 - 14:47

Просмотр сообщенияeliant (28 Июнь 2013 - 12:15) писал:

Здравствуйте.
Задам все свои вопросы в одном месте.
1) Как  в шапке опустить и передвинуть чуть вправо блок с информацией о магазине и сделать шрифт больше и другим цветом?
2) Нужно разместить картинку –ссылку по поиском;
3) 4) поменять в верхнем меню   черный цвет  на другой;
5) поменять цвет
Прикрепленный файл 6.png
6) Поменять цвет и сделать уже полоску-ленту «Новинки» и «Хиты продаж»
Прикрепленный файл 3.png
7) на главной странице и страницах товаров перенести виджет ВКонтакте   на место рядом с виджетом Одноклассников
Прикрепленный файл 5.png
Здравствуйте.
1. В style.css код
.contacts{float: left;position: relative;}
измените так:
.contacts{
float: left;
position: relative;
font-size: 12pt;
color: blue;
margin-top: 10px;
margin-left: 10px;
}
Где font-size: 12pt; - размер шрифта, color: blue; - его цвет, margin-top: 10px; - отступ сверху, margin-left: 10px; - отступ слева.
2. В файле html после кода
<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
вставьте такой код
<div style="position: absolute; right: 2em; top: 5em;">
	 <a href="#" alt=""><img alt="Подпись картинки при наведении мыши" src="{ASSETS_IMAGES_PATH}logo.png" /></a>
	 </div>
Где right: 5em; top: 5em; - отступы справа и сверху соответственно. Вместо # введите адрес ссылки, а вместо logo.png - название загруженного изображения.
Если картинка не поместится между поиском и меню, тогда в файле style.css в коде
header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;}
увеличьте значение атрибута min-height .
3. В файле style.css в коде
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}
измените значение атрибута background-color на нужное. Например, blue;
4. В файле style.css код
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}
Здесь background: #0f0f0f - цвет фона без наведения, background: #4a4949 - цвет фона, если на него наведена мышка. Опять же, можно значения цвета задавать не числами, а словами. Однако, при наведении на это поле мышкой, выскакивает дополнительный блок, цвет которого, если вы захотите, можно поменять в коде
.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
.basket-summary table {width: 100%; margin: 0; background: #4a4949;}
.basket-summary table th, .basket-summary table td {background: #4a4949; border: none; color: #d5d5d5;padding: 1em 0 0.5em;}
5. В файле style.css в коде
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
Атрибуту background задайте значение нужного цвета.
6. Цвет фона ленточек меняется в коде, расположенном в style.css
/* Ленточки на главной странице */
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
Здесь же, атрибут  height: 1.5em нужно уменьшить, чтобы лента была уже, но тогда придется подвинуть немного текст внутри лент и изменить их края. Например, зададим значение атрибута height: 0.5em; Тогда, код
section.newsletter div {margin: 0 auto; width: 95%; text-align: center;}
нужно будет изменить так
section.newsletter div {margin: 0 auto; width: 95%; text-align: center; margin-top: -8px;}
Так мы подвинули текст выше. Теперь осталось исправить уголки слева и справа. Код
section.newsletter:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;}
section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;}
изменить на этот
section.newsletter:before {border-top: 1.25em solid transparent;border-bottom: 1.25em solid transparent;border-right: 1.25em solid #f6f6f4;right: 0;}
section.newsletter:after {border-top: 1.25em solid transparent;border-bottom: 1.25em solid transparent;border-left: 1.25em solid #f6f6f4;left: 0;}
С виджетом чуть позже.

#3 sengun

sengun

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

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

Отправлено 28 Июнь 2013 - 15:15

Теперь насчет виджетов. В шаблоне "Страницы" код виджетов
<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
	 this.executed = true;
	 setTimeout(function () {
	 OK.CONNECT.insertGroupWidget(id,did,st);
	 }, 0);
}
}}
d.documentElement.appendChild(js);
}(document,"ok_group_widget","55790781005858","{width:250,height:300}");
</script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?96"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "230", height: "274", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 40061656);
</script>
Замените на этот
<div class="widgets"><table>
<tr>
<td>
	 <div id="ok_group_widget">
	 <script>
		 !function (d, id, did, st) {
		 var js = d.createElement("script");
		 js.src = "http://connect.ok.ru/connect.js";
		 js.onload = js.onreadystatechange = function () {
		 if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
			 if (!this.executed) {
			 this.executed = true;
			 setTimeout(function () {
				 OK.CONNECT.insertGroupWidget(id,did,st);
			 }, 0);
			 }
		 }}
		 d.documentElement.appendChild(js);
		 }(document,"ok_group_widget","55790781005858","{width:250,height:300}");
</script></div>
</td>
<td>
	 <!-- VK Widget -->
	 <script type="text/javascript" src="//vk.com/js/api/openapi.js?96"></script>
	 <div id="vk_groups" style="padding-top: 8px;">
	 <script type="text/javascript">
		 VK.Widgets.Group("vk_groups", {mode: 0, width: "230", height: "274", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 40061656);
	 </script>
	 </div>
</td>
</tr>
</table>
</div>
Теперь в конец style.css добавьте код
.widgets{
width:600px;
}


#4 eliant

eliant

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

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

Отправлено 28 Июнь 2013 - 15:29

Большое спасибо!

#5 eliant

eliant

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

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

Отправлено 08 Июль 2013 - 10:31

Здравствуйте.
1) Заметила, что на экране компьютера с меньшим разрешением, чем мой домашний,   не виден блок с контактной информацией в шапке, и еще виджеты  накладываются один на другой.
3.png
Как сделать так, что бы все отображалась правильно не зависимо от размера экрана?
2) Как поменять цвет черный на другой ?
2.png
3) Поменять цвет кнопки «Купить» на главной и на странице товара,  и цвет  лэйба «товар есть в наличии»?
1.png
4) сделать фото на странице товара, меньше?
5) Поменять фон?
4.jpg

#6 Koderhan

Koderhan

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

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

Отправлено 08 Июль 2013 - 14:11

1.
Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:
.contacts{
float: left;
position: relative;
font-size: 14pt;
color: #666666;
margin-top: 25px;
margin-left: 15px;
}
Заменить:
.contacts{
position: relative;
font-size: 14pt;
color: #666666;
margin-top: 25px;
margin-left: 15px;
}

2. Для замены цвета в меню.

Найти код:
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}
Заменить:
.head a:hover, .head a.selected, nav a:active {background-color: #404040;/*цвет фона*/}
Кнопка поиска

Найти код:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
Заменить:
form[role="search"] input[type="submit"], input#search-submit {
position: absolute;
right: 0;z-index: 2;height: 2.833em;
background: #404040;/*цвет фона*/
padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
Кнопка поиска при наведение .
Найти код:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}
Заменить:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;/*цвет фона*/}

3.
Найти код:
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("/design/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: inline-block;text-align: center;}
}

Заменить:
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("/design/icons.png") no-repeat scroll 10% -552px green;/*цвет кнопки*/
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: inline-block;text-align: center;}
}



Найти код:
.buy-item button:hover {background: url("/design/icons.png") no-repeat scroll 10% -552px #404040;}
Заменить:
.buy-item button:hover {background: url("/design/icons.png") no-repeat scroll 10% -552px black;/*цвет кнопки при наведение */}

4.
В файле "Товар". Код:
<figure class="main-image" style="width:100%;float:none;margin-bottom: 20px;z-index:50">
Заменить:
<figure class="main-image" style="width:90%;float:none;margin-bottom: 20px;z-index:50">

5. Фон под изображением нельзя поменять при помощи кодов.
Фон панели.

В файле "styles.css".
Найти код:
.tabbed_area {border:1px solid #494e52;background-color:#404040;padding:8px;}
Заменить:
.tabbed_area {
border:1px solid gray;/* цвет границы*/
background-color: gray /*цвет фона*/;
padding:8px;
}


#7 eliant

eliant

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

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

Отправлено 18 Июль 2013 - 13:24

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

1)   Как сделать, что бы при нажатии на «Каталог» в  верхнем меню отображались не все товары  разом , а категории?

2)   Как между плашкой меню каталога и каруселью с «Товары на главной»  вставить   слайдер?



#8 support 2.0

support 2.0

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

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

Отправлено 18 Июль 2013 - 14:10

Просмотр сообщенияeliant (18 Июль 2013 - 13:24) писал:

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

1)   Как сделать, что бы при нажатии на «Каталог» в  верхнем меню отображались не все товары  разом , а категории?

2)   Как между плашкой меню каталога и каруселью с «Товары на главной»  вставить   слайдер?


1) По умолчанию в шаблоне вечность это не предусмотрено. Думаю, Вам поможет эта тема с инструкцией
2) Вам нужно поставить код слайдера под строчками
  <!-- Главная страница -->
	{% IF index_page %}
Инструкцию к слайдеру можете найти здесь

#9 eliant

eliant

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

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

Отправлено 18 Июль 2013 - 22:44

Просмотр сообщенияsupport 2.0 (18 Июль 2013 - 14:10) писал:

1) По умолчанию в шаблоне вечность это не предусмотрено. Думаю, Вам поможет эта тема с инструкцией


Каталог выглядит теперь так ( http://все-для-бижу.рф/catalog

Под каталогом отображаются некоторые товары. Как это исправить?

#10 Сake

Сake

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

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

Отправлено 19 Июль 2013 - 01:06

Пожалуйста, приложите ваш код шаблона "Товары" в виде html файла, или вставьте код в сообщение используя тег форматирования CODE

#11 eliant

eliant

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

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

Отправлено 19 Июль 2013 - 01:30

<!-- Для полного отображения страницы товаров оторазим элементы навигации и обёрточные блоки -->
{% IFNOT ONLY_BODY %}
  <section role="main">
		<header>
		  <h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
		</header>
		<div class="breadcrumb">
		  <p>
				<a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span>></span>
				{% IF IS_FULL_CATALOG %}
				  <strong>Каталог</strong><span>></span>
				{% ELSE %}
				  <a href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина">Каталог</a><span>></span>
				  {% FOR upper_navigation %}
						{% IF upper_navigation.CURRENT %}<strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %}<a href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a><span>></span> {% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </p>
		</div>
		{% IF FORM_NOTICE %}<ul class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}"><li>{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}

  <!-- Если на сайте есть список категорий и мы находимся в корне каталога, либо есть список вложенных категорий в текущую, но товаров в текущей категории нет - отображаем список категорий -->
  {% IF nested_categories_list_empty=0 && IS_FULL_CATALOG || nested_categories_list_empty=0 && goods_empty && goods_filters_empty  %}
		<!-- Блок навигации по категориям, вложенным в текущую категорию -->
		<ul class="content_catalog_nested_categories">
		  {% FOR nested_categories_list %}
		  <li>
				<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
				<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
		  </li>
		  {% ENDFOR %}
		</ul>
		<br clear="all"/><br /><br />
  <!-- Если нет товаров -->
  {% ELSEIF goods_empty %}
		<!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
		{% IF goods_filters_empty %}
		   <h3>Нет товаров в категории</h3>
		<!-- Если производили фильтрацию товаров в категории -->
		{% ELSE %}
		  <h3>Нет товаров для выбранных условий</h3>
		{% ENDIF %}
  <!-- В остальных случаях товары есть, отобразим их -->
  {% ELSE %}
  
		{% IFNOT goods_empty %}
		  <header class="controls">
		 <div class="sort-list">
				  <div class="form-inline OrderFilterForm">
						<p class="amount visible-desktop">
						  <strong>{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
						</p>
		  
						<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
						{% FOR goods_filters %}
						  <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
						{% ENDFOR %}
		  
				<p>Сортировать по:</p>
				<ul class="x-list">
						  <!-- цене: Дорогие - Дешевые -->
						  {% IF GOODS_SEARCH_FIELD_ID=1 %}
								<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
						  <!-- цене: Дешевые - Дорогие   -->
						  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
								<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
						  <!-- Сортировка отключена   -->
						  {% ELSE %}
								<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
						  {% ENDIF %}
						  <!-- названию: А - я -->
						  {% IF GOODS_SEARCH_FIELD_ID=3 %}
								<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
						  <!-- названию: я - А -->
						  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
								<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
						  <!-- Сортировка отключена   -->
						  {% ELSE %}
								<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
						  {% ENDIF %}
						  <!-- рейтингу: Хорошие - Плохие -->
						  {% IF GOODS_SEARCH_FIELD_ID=11 %}
								<li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала плохие, затем хорошие">рейтингу</a></li>
						  <!-- рейтингу: Плохие - Хорошие -->
						  {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
								<li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху плохие товары, снизу хорошие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала хорошие, затем плохие">рейтингу</a></li>
						  <!-- Сортировка отключена  -->
						  {% ELSE %}
								<li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
						  {% ENDIF %}  
						</ul>
		   </div>
				  <!-- /Блок возможности изменения лимитов выдачи -->
				
				  <!-- Блок изменения вида списка и поля сортировки -->
				  <div class="view-switch">
						{% IF GOODS_VIEW_TYPE=2 %}
						  <a href="?goods_view_type=1" title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" id="list-gallery"></a>
						  <a title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" id="list-list2"></a>
						{% ELSE %}
						  <a title="Отображать список товаров в виде списка" id="list-gallery2"></a>
						  <a href="?goods_view_type=2" title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" id="list"></a>
						{% ENDIF %}
				  </div>
				  <!-- /Блок изменения вида списка и поля сортировки -->
				</div>
		</header>
		{% ENDIF %}
 
		{% IF GOODS_VIEW_TYPE=1 %}
		  <div class="containers{% IF GOODS_PAGES_RESULTS<SETTINGS_GOODS_CAT_PER_PAGE_STEP %}2{% ENDIF %}">
		{% ELSEIF GOODS_VIEW_TYPE=2 %}
		  <div class="containers3{% IF GOODS_PAGES_RESULTS<SETTINGS_GOODS_CAT_PER_PAGE_STEP %}2{% ENDIF %}">
		{% ENDIF %}
{% ENDIF %}
<!-- /Для полного отображения страницы товаров оторазим элементы навигации и обёрточные блоки -->
		<!-- Если есть товары -->
		{% IFNOT goods_empty %}
		  <!-- Если отображаем товары списком -->
		  {% IF GOODS_VIEW_TYPE=1 %}
				<!-- Проходим по массиву списка товаров -->
				{% FOR goods %}
				  <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
						<figure style="width: 173px;position: relative;overflow:hidden;">
						  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
						  </a>
						</figure>
				<h3><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h3>
						<p class="price">
						  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
								<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</p>
						<div class="rating">
						  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
						  {% IF goods.OPINION_RATING_VALUE %}
								<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
						  {% ENDIF %}
						
						  {% IF goods.OPINION_RATING_CNT_ALL>0 %}
								<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
						  {% ELSE %}
								<a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						  {% ENDIF %}
						</div>
						<div class="buy-item">
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
								<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
						<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
								<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
						  </form>
						</div>
						<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE %}
						  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
						  {% IFNOT SETTINGS_COMPARE_DISABLE %}
								{% IF goods.IS_HAS_IN_COMPARE_LIST %}
								  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
								{% ELSE %}
								  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
								{% ENDIF %}
						  {% ENDIF %}
						{% ENDIF %}
				  </div>
				{% ENDFOR %}
				<!-- /Проходим по массиву списка товаров -->
		  
		  <!-- Если отображаем товары таблицей -->
		  {% ELSE %}
				<!-- Проходим по массиву списка товаров -->
				{% FOR goods %}
				  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
						<figure style="width: 20%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">
						  {% IF user_agent_ie7 %}
								<a href="{goods.URL | url_amp}" title="{goods.NAME}">
								  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
								</a>
						  {% ELSEIF user_agent_ie8 %}
								<a href="{goods.URL | url_amp}" title="{goods.NAME}">
								  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
								</a>
						  {% ELSE %}
								<a href="{goods.URL | url_amp}" title="{goods.NAME}">
								  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
								</a>
						  {% ENDIF %}
						  <div class="rating">
								<!-- Среднее значение по результатам всех отзывов об этом товаре -->
								{% IF goods.OPINION_RATING_VALUE %}
								  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
								{% ENDIF %}
						  
								{% IF goods.OPINION_RATING_CNT_ALL>0 %}
								  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
								{% ELSE %}
								  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
								{% ENDIF %}
						  </div>
						</figure>
						<div class="item-detail" style="height: 100%">
						  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
						  {% IF goods.DESCRIPTION_LARGE %}
								<div class="desc std a-left">
								  <div class="htmlDataBlock">
										{goods.DESCRIPTION_LARGE}
										<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
								  </div>
								</div>
						  {% ENDIF %}
						</div>
						<div class="item-meta a-center">
						  <div class="price {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" itemprop="price">
								<span class="regular-price">{goods.MIN_PRICE_NOW | money_format}</span>
								<br>
								{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								  <span class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
								{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								  <span class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</span>
								{% ENDIF %}
						  </div>
				  
						  <div class="buy-item">
								<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
								  <div>
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
										<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
										<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
								  </div>
								</form>
						  </div>
						  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
						  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
								<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
								{% IFNOT SETTINGS_COMPARE_DISABLE %}
										{% IF goods.IS_HAS_IN_COMPARE_LIST %}
										  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
										{% ELSE %}
										  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
										{% ENDIF %}
								{% ENDIF %}
						  {% ENDIF %}
						</div>
						<div class="clear"></div>
				  </div>
				{% ENDFOR %}
				<!-- /Проходим по массиву списка товаров -->
		  
		  {% ENDIF %}
		{% ENDIF %}
		<!-- /Если есть товары -->
{%ENDIF%}  
<!-- Для полного отображения страницы товаров закроем открытые теги -->
{% IFNOT ONLY_BODY %}
		</div>
		<!-- Страницы -->
		{% IF show_pages %}
		  <div class="pagination">
		  <span class="pp-title">Страницы:</span>
		{% FOR goods_pages %}
		  {% IF goods_pages.CURRENT %}
				<span class="pp-page pp-current">{goods_pages.PAGE}</span>
		  {% ELSE %}
				<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		  {% ENDIF %}
		{% ENDFOR %}
  </div>
		{% ENDIF %}
		<!-- end Страницы -->
  </section>
{% ENDIF %}
<!-- /Для полного отображения страницы товаров закроем открытые теги -->


#12 Vaccina

Vaccina

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

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

Отправлено 19 Июль 2013 - 03:02

Попробуйте использовать следующий код шаблона
Скрытый текст


#13 eliant

eliant

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

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

Отправлено 19 Июль 2013 - 15:46

Здравствуйте.
Спасибо за помощь!
1, 2) Вместо скайпа и аськи в  основных настройках написала   «Магазин «Все-для-бижу.рф» и «Фурнитура для бижутерии»,  в  HTML   попыталась убрать ссылки и картинки, получилось плохо.
Помогите сделать эти две строчки такими же, как и весь остальной блок с информацией, т.е  что бы шрифт был таким же, цвет и размер.
1.JPG
3) С каталогом все получилось, только не понятно, зачем нужны номера страничек над подвалом, как их убрать?
2.JPG

#14 Koderhan

Koderhan

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

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

Отправлено 19 Июль 2013 - 15:58

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.contentTableHeadMainSkype img {
	display: none;
}
.contentTableHeadMainIcq img {
	display: none;
}
.contentTableHeadMainIcq span {
	font: initial;
	color: #666666;
	font-size: 1.4em;
}
.contentTableHeadMainSkype span {
	font: initial;
	color: #666666;
}

.pagination {
	display: none;
}


#15 eliant

eliant

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

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

Отправлено 02 Август 2013 - 14:52

Здравствуйте.
Помогите сделать на страничке товара указатели местоположения , чтобы со странички товара легко можно было
вернуться  на страницы категорий, подкатегорий, в каталог и на главную
вот так:

1.png
как здесь:
2.png

#16 Taisia

Taisia

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

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

Отправлено 02 Август 2013 - 17:31

Прежде чем производить какие -либо изменения сделайте бэкап сайта

далее в файле ТОВАР найдите код

<section role="main">
	<header>
	  <h1 itemprop="name">{GOODS_NAME}</h1>
	</header>
 
	<div class="goodsData">

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

  <section role="main">
	<header>
	  <h1 itemprop="name">{GOODS_NAME}</h1>
	</header>
  <div class="breadcrumb">
	  <p>
		<a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span>></span>
		{% IF IS_FULL_CATALOG %}
		  <strong>Каталог</strong><span>></span>
		{% ELSE %}
		  <a href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина">Каталог</a><span>></span>
		  {% FOR upper_navigation %}
			{% IF upper_navigation.CURRENT %}<strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %}<a href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a><span>></span> {% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
	  </p>
	</div>
	<div class="goodsData">


#17 eliant

eliant

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

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

Отправлено 07 Август 2013 - 13:30

Здравствуйте.
1. Как сделать чтобы  в корзине отображалась надпись  " Минимальная сумма заказа 300 руб" пока заказ меньше 300 рублей, и исчезала, как только он становиться больше?
2.Можно в категориях вставить поиск поиск по цвету и материалу?

Безымянный рисунок.png
3 Фавикон пропал куда-то, как вернуть?

#18 Сake

Сake

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

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

Отправлено 08 Август 2013 - 03:29

1) Вы можете добавить в ваш шаблон "Корзина" следующий код

{%IF cart_sum.NOW<SETTINGS_STORE_ORDER_MIN_ORDER_PRICE %}
<p class="cart_msg">Уважаемые покупатели - минимальная сумма заказа составляет {SETTINGS_STORE_ORDER_MIN_ORDER_PRICE} {CURRENCY_NAME}</p>
{%ENDIF%}

2) Установить фильтр вы можете только в разделе изменения параметров категории (Товары -> Товары, правый клик по категории), при этом задать 2 типа фильтра как по характеристикам, так и по модификациям.

3) У вас не загружено изображение favicon.ico загрузите данное изображение в разделе Файлы в корне сайта.

#19 eliant

eliant

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

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

Отправлено 09 Август 2013 - 15:02

Просмотр сообщенияСake (08 Август 2013 - 03:29) писал:

1) Вы можете добавить в ваш шаблон "Корзина" следующий код
 {%IF cart_sum.NOWУважаемые покупатели - минимальная сумма заказа составляет {SETTINGS_STORE_ORDER_MIN_ORDER_PRICE} {CURRENCY_NAME}

{%ENDIF%} 
2) Установить фильтр вы можете только в разделе изменения параметров категории (Товары -> Товары, правый клик по категории), при этом задать 2 типа фильтра как по характеристикам, так и по модификациям.  

Спасибо за ответ.
1) Как увеличить  шрифт этой надписи, изменить цвет? можно ли сделать так, что бы она исчезала, когда товара в корзине больше чем на 300 руб?
2 ) тут вообще ничего не поняла....  где находится  " в разделе изменения параметров категории (Товары -> Товары, правый клик по категории)"?

#20 sengun

sengun

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

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

Отправлено 09 Август 2013 - 19:11

Просмотр сообщенияeliant (09 Август 2013 - 15:02) писал:

Спасибо за ответ.
1) Как увеличить  шрифт этой надписи, изменить цвет? можно ли сделать так, что бы она исчезала, когда товара в корзине больше чем на 300 руб?
2 ) тут вообще ничего не поняла....  где находится  " в разделе изменения параметров категории (Товары -> Товары, правый клик по категории)"?
1. В добавленном коде
{%IF cart_sum.NOW<SETTINGS_STORE_ORDER_MIN_ORDER_PRICE %}
cart_sum.NOW замените на CART_SUM_NOW
2. Зайдите в раздел "Товары"->"Товары", найдите категорию, в которой хотите задать поиск по цвету и материалу (т.е. добавить фильтры по модификациям и характеристикам), кликните по ней правой кнопкой мыши, выберите пункт "Настроить категорию" и в появившемся окне добавьте необходимые фильтры.




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

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