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


В Категории Тов-Ов В Ряд Добавить Еще Один Товар, Чтоб Заполнить Пустоту


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

#1 MadamFodjo

MadamFodjo

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

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

Отправлено 19 Ноябрь 2013 - 23:55

1 как изменить размер шрифта  2. поменять стилистику пути (когда я меняю шрифты и цвет других категорий, почему-то в пути также меняется цвет и стиль, а нужно, чтоб путь был однородным 3. добавить в ряд еще один товар, чтоб было 4 рамки в ряду.

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

  • пример.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2013 - 03:24

1. Редактор шаблонов - main.css - найдите:
.goodsListItemName a {
color: #131517;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0px;
padding: 0px;
}
измените значение font-size
2. Редактор шаблонов - Товары - найдите:
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a>
	
	  <!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
		 » <span class="current">Каталог товаров</span>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %}
		» <a href="{CATALOG_URL}" >Каталог товаров</a>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	 
	</p>
  </div>
  <!-- end Строка пути -->
замените на:
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/" class="nav-link">Главная</a>
	 
	  <!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
		 » <span class="nav-cur current">Каталог товаров</span>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %}
		» <a href="{CATALOG_URL}" class="nav-link">Каталог товаров</a>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} » <span class="nav-cur current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" class="nav-link">{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	 
	</p>
  </div>
  <!-- end Строка пути -->
Далее в main.css в самом низу добавьте:
.nav-link{
}
.nav-cur{
}
И добавьте в данные блоки необходимые стили. первый блок отвечает за ссылку в строке, второй за выбранную страницу, которая ссылкой не является.
3. Редактор шаблонов - Товары - найдите:
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}is_divided("3"
замените на:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}


#3 MadamFodjo

MadamFodjo

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

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

Отправлено 20 Ноябрь 2013 - 11:12

Просмотр сообщенияVaccina (20 Ноябрь 2013 - 03:24) писал:

Далее в main.css в самом низу добавьте:
.nav-link{
}
.nav-cur{
}
И добавьте в данные блоки необходимые стили. первый блок отвечает за ссылку в строке, второй за выбранную страницу, которая ссылкой не является.


тут проблемма, в nav-link параметры работают, я задала: .nav-link{font: italic Times; font-weight: bold; font-size: 20px; color: #000;
}

дублирую эти же параметры в .nav-cur{font: italic Times; font-weight: bold; font-size: 20px; color: #000;} - ничего не меняется

#4 MadamFodjo

MadamFodjo

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

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

Отправлено 20 Ноябрь 2013 - 11:20

Просмотр сообщенияVaccina (20 Ноябрь 2013 - 03:24) писал:

.
3. Редактор шаблонов - Товары - найдите:
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}is_divided("3"
замените на:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

ничего не происходит :(  получилось в категориях товаров, а на главной странице все также по 3 рамки

Сообщение отредактировал MadamFodjo: 20 Ноябрь 2013 - 12:21


#5 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2013 - 02:18

Просмотр сообщенияMadamFodjo (20 Ноябрь 2013 - 11:12) писал:

тут проблемма, в nav-link параметры работают, я задала: .nav-link{font: italic Times; font-weight: bold; font-size: 20px; color: #000;
}

дублирую эти же параметры в .nav-cur{font: italic Times; font-weight: bold; font-size: 20px; color: #000;} - ничего не меняется

На данный момент у вас сл.код:

.nav-link {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.nav-cur {
}

то есть для второго класса стилей нет, пропишите стили, чтобы посмотреть и понять в чем проблема

Просмотр сообщенияMadamFodjo (20 Ноябрь 2013 - 11:20) писал:

ничего не происходит :(  получилось в категориях товаров, а на главной странице все также по 3 рамки

Для главной страницы необходимо делать изменения в шаблоне HTML, по аналогии находить
is_divided("3"
и менять на:
is_divided("4"


#6 MadamFodjo

MadamFodjo

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

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

Отправлено 26 Ноябрь 2013 - 01:36

Просмотр сообщенияVaccina (21 Ноябрь 2013 - 02:18) писал:

На данный момент у вас сл.код:

.nav-link {
color: #000000;
font-size: 20px;
font-weight: bold;
}
.nav-cur {
}

то есть для второго класса стилей нет, пропишите стили, чтобы посмотреть и понять в чем проблема



Для главной страницы необходимо делать изменения в шаблоне HTML, по аналогии находить
is_divided("3"
и менять на:
is_divided("4"

на главной странице получилось поставить по 4 товара в ряд, а по строке пути следующая ситуация, я задала параметры .nav-cur{ font: Times; font-weight: bold; font-size: 20px; color: #000;
} и получается следующее, если я смотрю категорию товара, то пусть весь как нужно, а если я открываю товар, то Главная-Категория в пути идут цветные

#7 Vaccina

Vaccina

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

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

Отправлено 26 Ноябрь 2013 - 04:29

проблема в том, что в других шаблонах отдельно дублируется навигация и она идет без данных классов(nav-link,nav-cur)
откройте шаблон Старница, Товар, поиск и прочие и добавьте классы как у вас сделано в шаблоне Товары

#8 MadamFodjo

MadamFodjo

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

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

Отправлено 26 Ноябрь 2013 - 22:16

Просмотр сообщенияVaccina (26 Ноябрь 2013 - 04:29) писал:

проблема в том, что в других шаблонах отдельно дублируется навигация и она идет без данных классов(nav-link,nav-cur)
откройте шаблон Старница, Товар, поиск и прочие и добавьте классы как у вас сделано в шаблоне Товары

в этих страницах через тег ведь писать нужно? подскажите как, а то я ламер в этом вопросе.

#9 Vaccina

Vaccina

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

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

Отправлено 27 Ноябрь 2013 - 05:50

в других шаблонах в самом начале ищите примерно сл.блок:
<!-- Строка пути -->
<div id="site-path">
<p>
<a href="http://{NET_DOMAIN}/" class="nav-link">Главная</a>

<!-- Если отображаем полный каталог товаров, без указания категории -->
{% IF IS_FULL_CATALOG %}
» <span class="nav-cur current">Каталог товаров</span>
<!-- Если отображаем товары в категории -->
{% ELSE %}
» <a href="{CATALOG_URL}" class="nav-link">Каталог товаров</a>
{% FOR upper_navigation %}
{% IF upper_navigation.CURRENT %} » <span class="nav-cur current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" class="nav-link">{upper_navigation.NAME}</a>{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

</p>
</div>
<!-- end Строка пути -->
они будут различаться в зависимости от шаблонов, вам главное в данных кусках кода находить:
<a href="#">
и
<span class="current">
и добавлять в них классы, которые я указала выше по примеру:
<a href="#" class="nav-link">
и
<span class="nav-cur current">


#10 MadamFodjo

MadamFodjo

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

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

Отправлено 27 Ноябрь 2013 - 10:57

Просмотр сообщенияVaccina (27 Ноябрь 2013 - 05:50) писал:

в других шаблонах в самом начале ищите примерно сл.блок:
<!-- Строка пути -->
<div id="site-path">
<p>
<a href="http://{NET_DOMAIN}/" class="nav-link">Главная</a>

<!-- Если отображаем полный каталог товаров, без указания категории -->
{% IF IS_FULL_CATALOG %}
» <span class="nav-cur current">Каталог товаров</span>
<!-- Если отображаем товары в категории -->
{% ELSE %}
» <a href="{CATALOG_URL}" class="nav-link">Каталог товаров</a>
{% FOR upper_navigation %}
{% IF upper_navigation.CURRENT %} » <span class="nav-cur current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" class="nav-link">{upper_navigation.NAME}</a>{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

</p>
</div>
<!-- end Строка пути -->
они будут различаться в зависимости от шаблонов, вам главное в данных кусках кода находить:
<a href="#">
и
<span class="current">
и добавлять в них классы, которые я указала выше по примеру:
<a href="#" class="nav-link">
и
<span class="nav-cur current">

все получилось, кроме товаров на главной, не могу найти куда вставлять классы. в html нашла блок с названием  <!-- Список товаров на главной -->, попробовала вставить классы, но что-то ничего не получилось

#11 Vaccina

Vaccina

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

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

Отправлено 28 Ноябрь 2013 - 05:06

На главной со сторокой пути все в порядке и простилизовано.

А эти заголовки не являются уже частью навигации, тут другой подход нужен =)
Найдите:
h3 {
	color: #990066;
	font: italic 20px/30px Helvetica,sans-serif;
	text-transform: uppercase;
}
и измените необходимые вам стили, только предупреждаю, что подобные заголовки относятся не только к товарам на главной.

#12 katty-cherry

katty-cherry

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

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

Отправлено 06 Май 2014 - 21:21

Подскажите, как в категории товаров сделать в ряду 4 товара вместо трех.

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

  • категории.png


#13 lew

lew

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

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

Отправлено 06 Май 2014 - 22:36

скажите какой у вас сайт?

#14 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 07 Май 2014 - 09:54

Просмотр сообщенияkatty-cherry (06 Май 2014 - 21:21) писал:

Подскажите, как в категории товаров сделать в ряду 4 товара вместо трех.
Добавьте в main.css следующую строчку:
#primaryContent table {width:760px;}


#15 katty-cherry

katty-cherry

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

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

Отправлено 08 Май 2014 - 18:24

Просмотр сообщенияlew (06 Май 2014 - 22:36) писал:

скажите какой у вас сайт?
www.storeto.ru

Просмотр сообщенияDars (07 Май 2014 - 09:54) писал:

Добавьте в main.css следующую строчку:
#primaryContent table {width:760px;}
а куда именно?

#16 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 08 Май 2014 - 18:34

Просмотр сообщенияkatty-cherry (08 Май 2014 - 18:24) писал:

www.storeto.ru


а куда именно?
Куда угодно, например, в конец файла.

#17 katty-cherry

katty-cherry

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

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

Отправлено 12 Май 2014 - 22:35

Просмотр сообщенияDars (08 Май 2014 - 18:34) писал:

Куда угодно, например, в конец файла.
спасибо, попробую

#18 katty-cherry

katty-cherry

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

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

Отправлено 12 Май 2014 - 22:52

Просмотр сообщенияDars (08 Май 2014 - 18:34) писал:

Куда угодно, например, в конец файла.

не получилось((

#19 Vaccina

Vaccina

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

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

Отправлено 13 Май 2014 - 00:01

в main.css найдите:
.content_catalog_nested_categories li {
	background: none!important;
	float: left;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 150px;
}
замените на:
.content_catalog_nested_categories li {
	background: none !important;
	float: left;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em !important;
	text-align: center;
	width: 150px;
}


#20 katty-cherry

katty-cherry

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

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

Отправлено 13 Май 2014 - 20:09

Просмотр сообщенияVaccina (13 Май 2014 - 00:01) писал:

в main.css найдите:
 .content_catalog_nested_categories li { background: none!important; float: left; list-style-type: none; margin: 0; overflow: hidden; padding: 1em; text-align: center; width: 150px; } 
замените на:
 .content_catalog_nested_categories li { background: none !important; float: left; list-style-type: none; margin: 0; overflow: hidden; padding: 1em !important; text-align: center; width: 150px; } 

тоже без изменений.




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

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