Сообщений в теме: 14

[Andrew S.]

Добрый день!

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

То есть, на странице в каталоге она стоит всё время на одном месте:



1. А вот на главной нужно снизить на 2px вниз и на 1 px влево:


Также, чтобы она снизилась и на других обычных страницах, типа этой:

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

2. А вот в товаре - уменьшить расстояние по высоте на 2 пикселя и сдвинуть влево на 3 пикселя:


То есть, за точку отсчёта принимаем страницы каталога.

[Firefly]

Andrew S. (11 Май 2015 - 05:41) писал:

Добрый день!

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

То есть, на странице в каталоге она стоит всё время на одном месте:

1-catalogue-short.png 2-catalogue-more-info.png 3-catalogue-big.png

1. А вот на главной нужно снизить на 2px вниз и на 1 px влево:

4-primary.png
Также, чтобы она снизилась и на других обычных страницах, типа этой:
5-other-pages.png
Тут, как раз-таки, можно, чтобы действия затрагивали остальные страницы. Чтобы по итогу получилось так, что на всех страницах они будут стоять одинаково.

2. А вот в товаре - уменьшить расстояние по высоте на 2 пикселя и сдвинуть влево на 3 пикселя:
6-v-tovare.png

То есть, за точку отсчёта принимаем страницы каталога.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.body-top-right {
		clear: both;
		float: left;
		line-height: 3.5;
		padding-left: 8px;
}

Замените на:

.body-top-right {
		clear: both;
		float: left;
		line-height: 3.5;
		padding: 2px 0 0 7px
}

Найдите код:

.crumbs {
	margin: .6em 1%;
}

Замените на:

.crumbs {
	margin: .6em 0.7%;
}

Найдите код:

.body-content-top {
	left: 0;
	width: 100%;
	height: 37px;
	margin-top: -1px;
	border: 0;
	border-bottom: 0px solid #D0D0D2;
	background: #92C43D;
	margin-bottom: 15px;
	box-shadow: 0 1px 3px 1px #ccc;
}

Замените на:

.body-content-top {
	left: 0;
	width: 100%;
	height: 37px;
	margin-top: -1px;
	border: 0;
	border-bottom: 0px solid #D0D0D2;
	background: #92C43D;
	margin-bottom: 13px;
	box-shadow: 0 1px 3px 1px #ccc;
}

[Andrew S.]

Firefly (11 Май 2015 - 11:59) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.body-top-right {
clear: both;
float: left;
line-height: 3.5;
padding-left: 8px;
}

Замените на:

.body-top-right {
clear: both;
float: left;
line-height: 3.5;
padding: 2px 0 0 7px
}

Найдите код:

.crumbs {
margin: .6em 1%;
}

Замените на:

.crumbs {
margin: .6em 0.7%;
}

Найдите код:

.body-content-top {
left: 0;
width: 100%;
height: 37px;
margin-top: -1px;
border: 0;
border-bottom: 0px solid #D0D0D2;
background: #92C43D;
margin-bottom: 15px;
box-shadow: 0 1px 3px 1px #ccc;
}

Замените на:

.body-content-top {
left: 0;
width: 100%;
height: 37px;
margin-top: -1px;
border: 0;
border-bottom: 0px solid #D0D0D2;
background: #92C43D;
margin-bottom: 13px;
box-shadow: 0 1px 3px 1px #ccc;
}

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

Верну обратно, т.к. в каталоге влево уползло, а двигать это вообще не нужно было.

[Andrew S.]

Есть другой нормальный способ поставить всё ровно?

[Cupuyc]

Andrew S. (12 Май 2015 - 13:50) писал:

Есть другой нормальный способ поставить всё ровно?

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

[Andrew S.]

Cupuyc (12 Май 2015 - 16:05) писал:

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

Они сдвигают строку в каталоге, что категорически делать нельзя. Это самые идеальные страницы.

[Vaccina]

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

<div class="body-content-top">
		<div class="body-content-top-center">
			<div class="body-top-left">
				<header itemprop="headline">
					<h1>{PAGE_NAME}</h1>
				</header>
			</div>
			<div class="body-top-right">
				<div class="breadcrumb">
				   <a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current">{PAGE_NAME}</span>
				</div>
			</div>
		</div>
	</div>

замените на:

<div class="body-content-top page_txt">
		<div class="body-content-top-center">
			<div class="body-top-left">
				<header itemprop="headline">
					<h1>{PAGE_NAME}</h1>
				</header>
			</div>
			<div class="body-top-right">
				<div class="breadcrumb">
				   <a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current">{PAGE_NAME}</span>
				</div>
			</div>
		</div>
	</div>

Далее в шаблоне Товар найдите:

<div class="content-center">
			<div class="crumbs clr">
				<div class="clr" itemprop="breadcrumb">
					<a href="http://{NET_DOMAIN}/">Главная</a>

замените на:

<div class="content-center">
			<div class="crumbs clr">
				<div class="clr page_item" itemprop="breadcrumb">
					<a href="http://{NET_DOMAIN}/">Главная</a>

Остается добавить стили в main.css

.page_txt .breadcrumb {
  margin-left: -1px;
  margin-top: 2px;
}
.crumbs.clr .page_item {
  margin-left: -3px;
  margin-top: -2px;
}

[Andrew S.]

Vaccina (13 Май 2015 - 05:37) писал:

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

<div class="body-content-top">
	 <div class="body-content-top-center">
		 <div class="body-top-left">
			 <header itemprop="headline">
				 <h1>{PAGE_NAME}</h1>
			 </header>
		 </div>
		 <div class="body-top-right">
			 <div class="breadcrumb">
				 <a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current">{PAGE_NAME}</span>
			 </div>
		 </div>
	 </div>
</div>

замените на:

<div class="body-content-top page_txt">
	 <div class="body-content-top-center">
		 <div class="body-top-left">
			 <header itemprop="headline">
				 <h1>{PAGE_NAME}</h1>
			 </header>
		 </div>
		 <div class="body-top-right">
			 <div class="breadcrumb">
				 <a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current">{PAGE_NAME}</span>
			 </div>
		 </div>
	 </div>
</div>

Далее в шаблоне Товар найдите:

<div class="content-center">
<div class="crumbs clr">
<div class="clr" itemprop="breadcrumb">
<a href="http://{NET_DOMAIN}/">Главная</a>

замените на:

<div class="content-center">
<div class="crumbs clr">
<div class="clr page_item" itemprop="breadcrumb">
<a href="http://{NET_DOMAIN}/">Главная</a>

Остается добавить стили в main.css

.page_txt .breadcrumb {
margin-left: -1px;
margin-top: 2px;
}
.crumbs.clr .page_item {
margin-left: -3px;
margin-top: -2px;
}

Вакцина, спасибо! А подскажите ещё как это же сделать для страницы "контакты", например? Это что, получается, для каждой страницы в отдельности аж добавлять надо? Если да, то я, может, по аналогии сам сделаю.

[Vaccina]

Меня более удивляет, почему поле "скачет" на каждой странице в принципе так как стили для него одни прописаны, влияющее не заметила на него правило. Для страницы контакты изменения аналогичные необходимо произвести, класс добавить в шаблоне Связь с администрацией.

[Andrew S.]

Vaccina (14 Май 2015 - 03:19) писал:

Меня более удивляет, почему поле "скачет" на каждой странице в принципе так как стили для него одни прописаны, влияющее не заметила на него правило. Для страницы контакты изменения аналогичные необходимо произвести, класс добавить в шаблоне Связь с администрацией.

1. А меня вот сейчас вот это удивило:



При выборе одинакового размера у картинок, они всегда всё равно разные. Причём заданный в админке размер ГОРАЗДО больше того, что отображается. Как решить проблему?
Это в последней статье видно.

2. Если в админке выбран жирный шрифт - он не отображается на сайте.

3. Если в админке выбран курсив - он тоже не отображается на сайте. Давайте починим?

[Andrew S.]

Andrew S. (14 Май 2015 - 11:56) писал:

1. А меня вот сейчас вот это удивило:

Kartinki_videonablyudenie.png

При выборе одинакового размера у картинок, они всегда всё равно разные. Причём заданный в админке размер ГОРАЗДО больше того, что отображается. Как решить проблему?
Это в последней статье видно.

2. Если в админке выбран жирный шрифт - он не отображается на сайте.

3. Если в админке выбран курсив - он тоже не отображается на сайте. Давайте починим?

Давайте решим вопрос с неправильным отображением изображений и шрифтами?

[Ирина345]

Andrew S. (15 Май 2015 - 09:53) писал:

Давайте решим вопрос с неправильным отображением изображений и шрифтами?

Здравствуйте,
1. добавьте  в конец main.css

.htmlDataBlock.newsTextLarge td {
  width: 23px;
}

далее в коде описания данной новости, открыть через кнопку Источник на панели инструментов, найдите

style="width: 1007px;"

замените на

style="width: 100%;"

2. уточните где именно не отражается на сайте.
3. пришлите пример

[Andrew S.]

Ирина345 (15 Май 2015 - 13:31) писал:

Здравствуйте,
1. добавьте  в конец main.css

.htmlDataBlock.newsTextLarge td {
width: 23px;
}

далее в коде описания данной новости, открыть через кнопку Источник на панели инструментов, найдите

style="width: 1007px;"

замените на

style="width: 100%;"

2. уточните где именно не отражается на сайте.
3. пришлите пример

1. Что означает этот код? Что он делает? Меня такой расклад вообще никак не устраивает, чтобы из админки в новостях невозможно было размеры фото выбирать. В админке фото - гиганты, а по факту гномы, ещё и разного размера.

ЧТО ЭТО ЗА НОВЫЙ БАГ ТАКОЙ?!?!

И Ваш код практически никаких заметных результатов не даёт! Почему всё не работает нормально? Что у вас там случилось??? Вы можете хотя бы в этих мелочах не позорить?

2. Позже сделаю.

3. Позже сделаю, давайте с этим разберёмся.

[Dars]

Andrew S. (15 Май 2015 - 18:42) писал:

1. Что означает этот код? Что он делает? Меня такой расклад вообще никак не устраивает, чтобы из админки в новостях невозможно было размеры фото выбирать. В админке фото - гиганты, а по факту гномы, ещё и разного размера.

ЧТО ЭТО ЗА НОВЫЙ БАГ ТАКОЙ?!?!

И Ваш код практически никаких заметных результатов не даёт! Почему всё не работает нормально? Что у вас там случилось??? Вы можете хотя бы в этих мелочах не позорить?

2. Позже сделаю.

3. Позже сделаю, давайте с этим разберёмся.

Добавьте в main.css строку:

.newsTextLarge table td:first-child {width:20%;}

20% - ширина картинок, которые находятся в статьях в таблице в первой ячейке (можно указать в каких угодно величинах). Если ширина должна быть разной в зависимости от новости или вы не хотите быть так сильно привязанным к разметке - можно будет оборачивать новость в div c отдельным классом и писать различные стили. Если ширина картинок в новостях предполагается одинаковой и стиль разметки (в данном случае - таблица, где в первой ячейке располагается картинка), то можно оставить так.

[Andrew S.]

Dars (15 Май 2015 - 19:11) писал:

Добавьте в main.css строку:

.newsTextLarge table td:first-child {width:20%;}

20% - ширина картинок, которые находятся в статьях в таблице в первой ячейке (можно указать в каких угодно величинах). Если ширина должна быть разной в зависимости от новости или вы не хотите быть так сильно привязанным к разметке - можно будет оборачивать новость в div c отдельным классом и писать различные стили. Если ширина картинок в новостях предполагается одинаковой и стиль разметки (в данном случае - таблица, где в первой ячейке располагается картинка), то можно оставить так.

Я забыл, уже решал эту проблему другим способом, извините.