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


Изменение Ширины Поля Каталога

Изменение ширины поля каталог

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

#1 ткб-сервис

ткб-сервис

    Новичок

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

Отправлено 31 Май 2013 - 08:44

Добрый день!
Почитал Ваши ответы и много уже удалось сделать. Но есть еще не решенные трудности.
Помогите пожалуйста:
1) создать выделение раздела на котором стоят и всех его подкаталогов + выделение дерева другим цветом. Прикрепил пример и все пояснения
2) Расширить поле каталога
3) после перемещения меню влево, название страницы под шапкой начало отображаться не с самого начало, а правее, начиная с поля товара. Хотелось бы сдвинуть влево.

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

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

  • пример ТКБ.png
  • сайт ТКБ.png


#2 Koderhan

Koderhan

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

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

Отправлено 31 Май 2013 - 08:53

Пожалуйста, не могли бы сказать адрес вашего магазина или номер аккаунта.

#3 ткб-сервис

ткб-сервис

    Новичок

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

Отправлено 31 Май 2013 - 08:56

Просмотр сообщенияKoderhan (31 Май 2013 - 08:53) писал:

Пожалуйста, не могли бы сказать адрес вашего магазина или номер аккаунта.
ткб-сервис.рф
номер Аккаунт SL-208301

#4 Ботаникус

Ботаникус

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

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

Отправлено 31 Май 2013 - 09:10

Просмотр сообщенияKoderhan (31 Май 2013 - 08:53) писал:

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

#5 Stasya

Stasya

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

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

Отправлено 31 Май 2013 - 10:00

В файле main.css найдите блок
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #000000;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
и замените его на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #000000;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
text-align: center;
}


#6 Ботаникус

Ботаникус

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

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

Отправлено 31 Май 2013 - 10:13

Просмотр сообщенияStasya (31 Май 2013 - 10:00) писал:

В файле main.css найдите блок
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #000000;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
и замените его на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #000000;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
text-align: center;
}
спасибо) а посмотрите, третья строчка меню верхнего пропала?)))

#7 Koderhan

Koderhan

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

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

Отправлено 31 Май 2013 - 10:46

Просмотр сообщенияткб-сервис (31 Май 2013 - 08:44) писал:

Добрый день!
Почитал Ваши ответы и много уже удалось сделать. Но есть еще не решенные трудности.
Помогите пожалуйста:
1) создать выделение раздела на котором стоят и всех его подкаталогов + выделение дерева другим цветом. Прикрепил пример и все пояснения
2) Расширить поле каталога
3) после перемещения меню влево, название страницы под шапкой начало отображаться не с самого начало, а правее, начиная с поля товара. Хотелось бы сдвинуть влево.

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.leftmenu li li a {
	font-weight: bold;
}


В файле "html".
Найти код:
 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
Заменить:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}
В файле "main.css".
Добавить в конец файла код:
.podcatalog:first-child {
	color: red;

	font-weight: bold;
}

3.
В файле "main.css".
Найти код:
.cont700 {width: 700px;}
Заменить:
.cont700 {width: 680px;}

Найти код:
.cont250 {width: 250px;}
Заменить:
.cont250 {width: 270px;}
3.
В файле "main.css".
Найти код:
.page-headline {height: 81px;position:relative;margin-left: -200px;}
Заменить:
.page-headline {height: 81px;position:relative;}


#8 ткб-сервис

ткб-сервис

    Новичок

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

Отправлено 31 Май 2013 - 19:52

Просмотр сообщенияKoderhan (31 Май 2013 - 10:46) писал:

1.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.leftmenu li li a {
font-weight: bold;
}


В файле "html".
Найти код:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
Заменить:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}
В файле "main.css".
Добавить в конец файла код:
.podcatalog:first-child {
color: red;

font-weight: bold;
}

3.
В файле "main.css".
Найти код:
.cont700 {width: 700px;}
Заменить:
.cont700 {width: 680px;}

Найти код:
.cont250 {width: 250px;}
Заменить:
.cont250 {width: 270px;}
3.
В файле "main.css".
Найти код:
.page-headline {height: 81px;position:relative;margin-left: -200px;}
Заменить:
.page-headline {height: 81px;position:relative;}

Немножко не так выделяются разделы и нужно сдвинуть разделитель страницы. Прилагаю картинку что получилось и пример как хотелось бы.
Спасибо. ТКБ-Сервис.

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

  • доделка.png
  • пример ТКБ.png


#9 ткб-сервис

ткб-сервис

    Новичок

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

Отправлено 31 Май 2013 - 19:59

еще я просил Вас помочь сдвинуть название страницы с товаром в шапке. картинку прилагаю. Огромное спасибо.

сама картинка

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

  • доделка2.png


#10 Vaccina

Vaccina

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

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

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

Найдите в вашем шаблоне "HTML"

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}

и замените на

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"

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

Для меню можно уменьшить отступ с лева - для этого в файле стилей main.css найти

ul.leftmenu {
	margin-left: 20px;
	margin-right: 20px;
}

и заменить на

ul.leftmenu {
	margin-right: 20px;
}

Для выравнивания заголовка найдите

.page-headline {
	height: 81px;
	position: relative;
}

и замените на

.page-headline {
	height: 81px;
	margin-left: -240px;
	position: relative;
}


#11 ткб-сервис

ткб-сервис

    Новичок

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

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

Просмотр сообщенияVaccina (01 Июнь 2013 - 04:54) писал:

Найдите в вашем шаблоне "HTML"

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px" class="podcatalog"{% ENDIF %}

и замените на

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"

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

Для меню можно уменьшить отступ с лева - для этого в файле стилей main.css найти

ul.leftmenu {
margin-left: 20px;
margin-right: 20px;
}

и заменить на

ul.leftmenu {
margin-right: 20px;
}

Для выравнивания заголовка найдите

.page-headline {
height: 81px;
position: relative;
}

и замените на

.page-headline {
height: 81px;
margin-left: -240px;
position: relative;
}

1) сместить меню каталога влево получилось, спасибо
2) цвета разделов и подразделов так и остались после добавления изменений:
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} class="{% IF catalog.LEVEL>0%} podcatalog{% ENDIF %} {% IF catalog.CURRENT%} current{% ENDIF %} {% IF catalog.CURRENT_PARENT %} parent{% ENDIF %} level{catalog.LEVEL}"
что дальше? вопрос остался висеть, картинка с примером в предыдущем сообщении.
3) заголовок товара при таком изменении:

.page-headline {
        height: 81px;
        margin-left: -240px;
        position: relative;
}
просто смещается влево, можно ли сделать так, чтобы он расширялся из центра?.
при коротких названиях был по центру, а при длинных - из центра во всю ширину (с разумными полями конечно)

Заранее примного благодарен. ТКБ-Сервис.

#12 miyako

miyako

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

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

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

по 3 вопросу:
Найдите код в шаблоне Страница:
{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
и удалите его
Найдите в шаблоне HTML код:
<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>
и замените на:
<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
	  {% IF PAGE_NAME %}
<center>
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
</center>
{% ENDIF %}
		<table>
Найдите в main.css код:
.content_catalog {
padding-top: 80px;
vertical-align: top;
}
и замените на:
.content_catalog {
vertical-align: top;
}


#13 ткб-сервис

ткб-сервис

    Новичок

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

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

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

по 3 вопросу:
Найдите код в шаблоне Страница:
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
и удалите его
Найдите в шаблоне HTML код:
<!-- контент -->
<div class="container" id="cpages">
	 <div class="content_page">
	 <table>
и замените на:
<!-- контент -->
<div class="container" id="cpages">
	 <div class="content_page">
	 {% IF PAGE_NAME %}
<center>
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
</center>
{% ENDIF %}
	 <table>
Найдите в main.css код:
.content_catalog {
padding-top: 80px;
vertical-align: top;
}
и замените на:
.content_catalog {
vertical-align: top;
}

Стало хуже: картинку прилагаю

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

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

  • стало хуже1.png
  • доделка.png


#14 Stasya

Stasya

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

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

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

В файле main.css найдите блок
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #blue;
text-decoration: none;
}
и замените его на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: blue;
text-decoration: none;
}
color: blue в этой строке можете менять цвет на тот который Вам необходимо. Только внимательно следите за тем как Вы его обозначаете. Если это просто название то должно быть так color: blue; если это код то вот так color: #ededed;, а если в системе rgb, то вот так color: rgb(228, 208, 208);например.
Для подкатегорий найдите в том же файле вот этот блок
.podcatalog:first-child {
color: red;
font-weight: bold;
}
вот строка для изменений color: red; правило для значения цвета остается тем же.

Чтобы изменить цвет при наведении Вам нужно найти блок
.leftmenu li li a:hover {
background: url(/web/upload/assets/images/111/110953/lm-bg.jpg) repeat-x left bottom;
color: red;
}
и тут та же самая строка color: red; это один блок и для категорий и для подкатегорий.  То есть он будет одинаковый при наведении и для одних и для других.

#15 ткб-сервис

ткб-сервис

    Новичок

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

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

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

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

  • доделка.png
  • пример ТКБ.png


#16 Koderhan

Koderhan

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

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

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

Попробуйте в конец файла main.css добавить:
.podcatalog[style="padding-left:20px"] {
	color: #0099CC;
}
.leftmenu li li a.current {
	color: red;
}





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

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