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


Не Помещается Текст В Иконку.


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

#21 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (10 Апрель 2013 - 02:10) писал:

Вам необходимо изменить опцию "Шаг для выбора пользователем лимита выдачи товаров на страницу от 1 до 100" в разделе Настройки -> Основные, установив значение 6. Тогда по умолчанию у вас будет отображаться сетка 3x6 товаров на страницу для таблицы и 1x6 товаров в виде списка. Уменьшить изображение товара вы так же можете в разделе Настройки -> Основные.

На экране помещается по три товара, как на скринах ГЛАВНАЯ, ТАБЛИЦА, СПИСОК, а хотелось бы чтобы помещалось по 6 полноценных блоков товаров.
Как можно уменьшить блоки, чтобы все данные в них сохранились путём их уменьшения в размерах?
Спасибо!

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

  • главная меньше.jpg
  • список меньше.jpg
  • таблица меньше.jpg


#22 Koderhan

Koderhan

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

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

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

Просмотр сообщенияsotil (10 Апрель 2013 - 09:14) писал:

На экране помещается по три товара, как на скринах ГЛАВНАЯ, ТАБЛИЦА, СПИСОК, а хотелось бы чтобы помещалось по 6 полноценных блоков товаров.
Как можно уменьшить блоки, чтобы все данные в них сохранились путём их уменьшения в размерах?
Спасибо!
Можно попробовать изменить стили.

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

.goodsListItemBlock {
height: 400px;
width: 200px;
margin: 5px;
overflow: hidden;
position: relative;
}
Заменить:

.goodsListItemBlock {
height: 354px;
width: 224px;
margin: 2px;
overflow: hidden;
position: relative;
}

Найти код:
.goodsListItemImage {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
Заменить:
.goodsListItemImage {
height:185px;
width:100%;
border-collapse: collapse;
border-spacing: 0;
}

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

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 10px;
display: block;
margin-left: 50px;
}
Заменить:
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 140px;
padding-left: 10px;
display: block;
margin-left: 50px;
}


#23 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

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

Можно попробовать изменить стили.

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

.goodsListItemBlock {
height: 400px;
width: 200px;
margin: 5px;
overflow: hidden;
position: relative;
}
Заменить:

.goodsListItemBlock {
height: 354px;
width: 224px;
margin: 2px;
overflow: hidden;
position: relative;
}

Найти код:
.goodsListItemImage {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
Заменить:
.goodsListItemImage {
height:185px;
width:100%;
border-collapse: collapse;
border-spacing: 0;
}

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

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 10px;
display: block;
margin-left: 50px;
}
Заменить:
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 140px;
padding-left: 10px;
display: block;
margin-left: 50px;
}

Расширились блоки товаров на ГЛАВНОЙ и в ТАБЛИЦЕ и всё же необходимого эффекта не получилось(, что ещё можно подправить, чтобы помещалось 6 полноценных блоков , может быть уменьшить шрифт
Спасибо!

#24 Koderhan

Koderhan

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

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

Отправлено 10 Апрель 2013 - 10:32

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

Расширились блоки товаров на ГЛАВНОЙ и в ТАБЛИЦЕ и всё же необходимого эффекта не получилось(, что ещё можно подправить, чтобы помещалось 6 полноценных блоков , может быть уменьшить шрифт
Спасибо!
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

a.readmore {
font: bold 1px/3px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 140px;
padding-left: 10px;
display: block;
margin-left: 50px;
}
Заменить:
a.readmore {
font: bold  14px/3px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 140px;
padding-left: 10px;
display: block;
line-height: 2;
margin-left: 50px;
}

Найти код:

.goodsListItemBlock {
height: 354px;
width: 224px;
margin: 2px;
overflow: hidden;
position: relative;
}
Заменить:
.goodsListItemBlock {
height: 340px;/*высота основного блока*/
width: 224px;
margin: 2px;
overflow: hidden;
position: relative;
}


Найти код:

.goodsListItemName				  {padding:0px 3px 0.5em 3px;margin:0px;max-height:72px;overflow:hidden;}
.goodsListItemName a				{font-size:16px;line-height:18px;padding:0px;margin:0px;font-weight:normal;}

Заменить:
.goodsListItemName				  {
padding: 0px 2px 0em 3px;
margin:0px;
max-height:72px;
overflow:hidden;
}
.goodsListItemName a				{
font-size: 12px;
line-height:18px;
padding:0px;
margin:0px;
font-weight:normal;
}



#25 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 10 Апрель 2013 - 10:48

И всё же не получается поместить товары по 6 шт. в экран
1 В ТАБЛИЦЕ как уменьшить картинки и шрифт?
2 В СПИСКЕ ничего не меняется, хотелось бы тоже 6 товаров помещать в экран
3 На ГЛАВНОЙ неоправданно большие блоки товаров, я так понимаю они связаны с ТАБЛИЦЕЙ? Если их возможно сделать меньше было бы очень хорошо

Спасибо!

#26 Koderhan

Koderhan

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

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

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

Для списка.

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

.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
Заменить:
.listing {
  background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}


#27 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияKoderhan (10 Апрель 2013 - 12:27) писал:

Для списка.

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

.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
Заменить:
.listing {
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}

Не получается, Кэш почистил

#28 Сake

Сake

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

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

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

Уменьшить размеры изображений вы можете в разделе Настройки -> Основные. Размер применяется не сразу, а только через некоторое время. После изменения размеров изображений вам необходимо в файле стилей main.css найти

.goodsListItemBlock {
	height: 400px;
	margin: 5px;
	overflow: hidden;
	position: relative;
	width: 200px;
}

а так же найти

.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	height: 185px;
	margin-top: 1em;
	width: 100%;
}

и уменьшить в данных классах значение свойства height. Для списка вам необходимо будет найти

.goodsListForm {
	bottom: 0;
	margin-top: 30px;
	position: absolute;
}

и уменьшить margin-top, уменьшить размер шрифта названия товара можно в шаблоне "Товары". Найдите

<h3 style="font-size: 17px;">

и измените свойство font-size. Для таблицы это

.goodsListItemName a {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0;
}


#29 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияСake (11 Апрель 2013 - 02:03) писал:

Уменьшить размеры изображений вы можете в разделе Настройки -> Основные. Размер применяется не сразу, а только через некоторое время. После изменения размеров изображений вам необходимо в файле стилей main.css найти

.goodsListItemBlock {
height: 400px;
margin: 5px;
overflow: hidden;
position: relative;
width: 200px;
}

а так же найти

.goodsListItemImage {
border-collapse: collapse;
border-spacing: 0;
height: 185px;
margin-top: 1em;
width: 100%;
}

и уменьшить в данных классах значение свойства height. Для списка вам необходимо будет найти

.goodsListForm {
bottom: 0;
margin-top: 30px;
position: absolute;
}

и уменьшить margin-top, уменьшить размер шрифта названия товара можно в шаблоне "Товары". Найдите

<h3 style="font-size: 17px;">

и измените свойство font-size. Для таблицы это

.goodsListItemName a {
font-size: 16px;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 0;
}
Картинка уменьшается только в отображении СПИСОК
Как уменьшить в таблице?

#30 Koderhan

Koderhan

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

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

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

Просмотр сообщенияsotil (11 Апрель 2013 - 14:05) писал:

Картинка уменьшается только в отображении СПИСОК
Как уменьшить в таблице?
Для того чтобы изменить размеры изображений в отображение таблицой.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}"
Заменить:
{% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %}


#31 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияKoderhan (11 Апрель 2013 - 17:33) писал:

Для того чтобы изменить размеры изображений в отображение таблицой.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}"
Заменить:
{% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %}

Величина меняется вместе со списком! Спасибо!

#32 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Подскажите как в ТАБЛИЦЕ поднять артикул наименование и цены ближе к изображению как на картинке выделено красным?

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

  • Поднять описание в таблице.jpg


#33 Koderhan

Koderhan

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

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

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

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

Подскажите как в ТАБЛИЦЕ поднять артикул наименование и цены ближе к изображению как на картинке выделено красным?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.goodsListItemImage a			   {display:block;height:185px;}
Заменить:
.goodsListItemImage a			   {
display:block;
height: 128px;/*высота блока с изображением*/
}


#34 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияKoderhan (11 Апрель 2013 - 21:31) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.goodsListItemImage a {display:block;height:185px;}
Заменить:
.goodsListItemImage a {
display:block;
height: 128px;/*высота блока с изображением*/
}

На ГЛАВНОЙ надписи на картинку наехали, блин, а уже почти... Что делать?

#35 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Всё!!! со списками закончил.
Вроде и подводных камней не нашёл, пока...
Спасибо огромное Cake и Koderhan!!!

Каталог ещё бы дообработать, поможете?

#36 Vaccina

Vaccina

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

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

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

Пожалуйста, сообщите как вы хотите доработать каталог?

#37 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

3 Необходимо , чтобы независимо от того в какой части страницы находится пользователь, он мог видеть главную категорию и вложенную подкатегорию в дереве в которой он сейчас и смежные с ней категории, для того чтобы если он хочет поменять подкатегорию ему не надо было мотать дерево

Смесители    *другая главная категория
Мойки для кухни    *Активная главная категория
По брендам   *Активная подкатегория в разделе активной главной категории
   бренд1   *Используемая подподкатегория в разделе активной подкатегории
   бренд2    *Доступная подподкатегория в разделе активной подкатегории
   бренд3    *Доступная подподкатегория в разделе активной подкатегории
Из камня    * Доступная подкатегория в разделе ативной главной категории
Из нержавейки * Доступная подкатегория в разделе ативной главной категории
Асессуары * Доступная подкатегория в разделе ативной главной категории
Столы *другая главная категория

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

#38 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияVaccina (09 Апрель 2013 - 02:00) писал:


5.
а)  сайт - редактор тем - main.css
.leftmenu li li a.selected {
color: #000000;
font-weight: bold;
}
б) сайт - редактор тем - html
style="padding-left:{catalog.LEVEL | multiply("20")}px"
меняем по примеру:
style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#000; background:#ccc;"

Надо вот это доработать, чтобы цветом фона шрифта выделить основную категорию чтобы она всегда была выделена, пока используется, чтобы выделены были доступные в ней подкатегории , чтобы была выделена отдельным цветом активная подкатегория, и отдельным цветом вложенные в ней подподкатегории и так далее с подподкатегориями и подподпод...
Спасибо!

#39 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Vaccina, подскажите может я как то не так вопрос ставлю?

#40 Сake

Сake

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

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

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

Вы можете добавить дополнительные классы к вашей ссылке. Например в шаблоне "HTML" ссылка на категорию выглядит так

<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>

данную ссылку можно заменить на

<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  class="level{catalog_full.LEVEL} nav-{catalog.index} {% IF catalog.CURRENT %}selected{% ELSEIF catalog.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog.ISSET_SUB %}parent{% ENDIF %}">{catalog.NAME}</a>

тем самым будут добавлены дополнительные классы. Использование классов будет такой

Категория 2 - активная категория имеет класс level nav-1 active parent
   Категория 22 имеет класс level nav-2
   Категория 1 - активная категория имеет класс level nav-3 selected

Стилизацию ссылок можно реализовать по данным классам.

.parent.active {
  color: #000;
}
.level.selected {
  color: #ccc;
}





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

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