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

[Roman(GRR)]

Здравствуйте, помогите разобраться как сместить блоки!

1)То что выделено зелёным, что это? Как исправить?
2)То что выделено красным надо переместить вниз влево под блоки "сравнить товары", что бы пустота которая выделена жёлтым оказалась справа!

Заранее благодарен!

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

• 

[support 2.0]

Roman(GRR) (30 Июль 2013 - 13:49) писал:

Здравствуйте, помогите разобраться как сместить блоки!

1)То что выделено зелёным, что это? Как исправить?
2)То что выделено красным надо переместить вниз влево под блоки "сравнить товары", что бы пустота которая выделена жёлтым оказалась справа!

Заранее благодарен!

1. Данную ошибку видят только администраторы магазина, Ваши клиенты ее не видят (можете проверить с другого браузера, где Вы не авторизованы).
Вы ставили слайдер и забыли в шаблоне HTML после

<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

поставить

<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

и ошибка должна пропасть

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

[Roman(GRR)]

1) Я там ставил слайдер, но теперь он мне не нужен и я что бы его убрать, удалил вот это:


<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

2) Я хочу что бы на месте слайдера осталось пустое место! Т.е. как бы страница начиналась ниже блоков левого меню и при этом товары отображались также только слева, что бы пустое место было справа. Выше на скрине жёлтым выделено! А потом там где стоял слайдер, поставить картинку с акцией и счётчик!

[miyako]

Roman(GRR) (31 Июль 2013 - 06:56) писал:

1) Я там ставил слайдер, но теперь он мне не нужен и я что бы его убрать, удалил вот это:


<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

2) Я хочу что бы на месте слайдера осталось пустое место! Т.е. как бы страница начиналась ниже блоков левого меню и при этом товары отображались также только слева, что бы пустое место было справа. Выше на скрине жёлтым выделено! А потом там где стоял слайдер, поставить картинку с акцией и счётчик!

1) Чтобы до конца удалить слайдер, Вам нужно в шаблоне HTML найти код:

						 <!-- Слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <a href="#"><img src="http://bigb.storeland.net/slider2.jpg?4539"/></a>
		  <a href="http://bigb.storeland.ru/goods/gr80215krem-Sumka-zhenskaya"><img src="http://bigb.storeland.net/slider5.jpg?8156"/></a>
	   
		 
		</div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
		$(window).load(function() {
				$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
		});
  </script>
  {% ENDIF %}

и удалить его

2) Вы не ответили на вопрос каким образом нужно, чтобы отображался бок Интересные предложения. Поэтому пока не особо понятно как должно выглядеть в результате

[Roman(GRR)]

1) Понял, удалю.
2)Этот блок должен просто сдвинуться влево без изменений, он должен быть таким же только что бы пустота была справа от него, а не слева!

Вот как на втором скрине! Товары слева, а отзывы справа, вот мне также надо!!!

Надеюсь что вы поняли)

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

• 
• 

[Roman(GRR)]

3) ещё забыл можно как меню горизонтальное сделать? как на втором скрине выше!

[sengun]

Roman(GRR) (31 Июль 2013 - 12:50) писал:

1) Понял, удалю.
2)Этот блок должен просто сдвинуться влево без изменений, он должен быть таким же только что бы пустота была справа от него, а не слева!

Вот как на втором скрине! Товары слева, а отзывы справа, вот мне также надо!!!

Надеюсь что вы поняли)

Вот так надо?
Можете воспользоваться кодом HTML из файла в приложении, заменив им содержимое шаблона HTML. И в шаблоне main.css код

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

замените на

ul.leftmenu  {
  margin-right: -10px;
  margin-left: -10px;
width: 200px;
}

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

Roman(GRR) (31 Июль 2013 - 12:58) писал:

3) ещё забыл можно как меню горизонтальное сделать? как на втором скрине выше!

Все же не понятно, о каком меню идет речь. Будьте добры, опишите задачу подробнее.

Прикрепленные файлы

•  HTML_GRR.zip   6,32К   96 Количество загрузок:

[Roman(GRR)]

Да именно так.

Я хочу что бы у меня сайт получился вот таким(см. скрин)

   1)Меню сделать горизонтальным(выделено черным), сделать побольше размер что бы было заметным
   2) Под меню сделать картинку и прямо на ней счётчик(выделено зелёным)
   3)сравнение товара убрать совсем, блок "вы смотрели"(выделено оранжевым) перенести вправо вверх и сделать что бы там показывалось не больше 5 товаров.
   4)Сделать такой блок отзывы(выделено синим), сразу по блоком "вы смотрели"


Заранее благодарен!

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

• 

[Stasya]

1.По 1 и 3 ему вопросу, Вам необходимо в шаблоне hTML заменить код на код из прикрепленного файла. Это придется сделать из-за того, что верстка Вашего сайта нарушена.
Так же в файле main.css найдите блок

.leftmenu li li {
display:inline;

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

.leftmenu li li {
display:inline-table;

И там же найдите блок

.leftmenu li li a {
display: block;
padding: 5px 10px;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}

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

.leftmenu li li a {
display: block;
padding: 5px 10px;
font: normal 22px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}

2. Вы имеете ввиду таймер обратного отсчета для акции?
4. К сожалению, отзывы нельзя вывести все в одном месте.

Прикрепленные файлы

•  HTMLL.doc   92К   151 Количество загрузок:

[Roman(GRR)]

2) да, для акции, но мне надо будет что бы счётчик был прямо на картинке.

[Stasya]

Вы можете таймер выбрать тут. После того как Вы выберите таймер, создайте его.
( советую выбрать самый последний, так как он менее массивно выглядит нежели остальные) Система Вам предоставит скрипт, который Вам нужно будет вставить в этот блок

<div style="background: url( ссылка на картинку ) no-repeat;">заместо этого текста вставьте скрипт</div>

Картинку загрузите  в разделе Сайт-> Редактор шаблонов-> Добавить файлы,скопируйте ссылку на нее и тоже вставьте в этот блок. Сам блок необходимо вставить в шаблоне HTML в после блока

<ul>
								 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
										 {% IFNOT catalog.HIDE %}
												 <li class="cat-item">
												 <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>
												 <div></div>
												 </li>
										 {% ENDIF %}
										 {% ENDFOR %}
								 {% ENDIF %}
								 </ul></div><br />
								 </li></ul>

Это уже для нового кода шаблона HTML( присланного мною Вам выше).

[Roman(GRR)]

Да, спасибо за помощь, но у меня получилось вот что http://bigb.storeland.ru/

надо внести изменения:

1)Меню надо сделать горизонтальным(выделено зелёным) и как то его выделить рамочкой можно, как вот я выделил в paint.
2)Блок "вы смотрели"(выделено красным) сместить вправо и немного вверх, и тоже надо как то выделить на белом фоне! Может рамочкой какой нибудь или (как страница) эффектом тени, ну вообщем что-то такое.
3)Сделать "Отзывы" но можно не блоком, а картинкой которую я сделаю в paint, и туда её вставить что бы как отзывы выглядело.

Ещё раз спасибо что помогаете!

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

• 

[Taisia]

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

Далее
1. добавьте в конец файла main.css код

.sdvig {
width: 400px;
line-height: 50px;
padding-left: 15px;}

2. добавьте в конец файла main.css код

.pad-box .leftmenu .categories {display:none;}

и код

.content_catalog .pad-box .leftmenu { border: 1px solid #E5E5E5 !important;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 5px;}

3. что бы вставить картинку под блоком "Вы смотрели" Вам необходимо в файле html найти код

<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<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>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
				   
					</ul> <br />
				  </li>

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

<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<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>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
				   
					</ul>
					<div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br />
				  </li>

далее в файле main.css Добавить код

#otzyv { border: 1px solid #E5E5E5 !important;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding: 5px; margin-top: 20px;}

[Roman(GRR)]

Спасибо за ответ, но всё таки меня никто не может понять!

1)Мне надо что бы меню было не вертикальным, не столбиком, а горизонтальным т.е. шли друг за другом, а не друг под другом!!!
2)Блок"Вы смотрели" сместить вправо, сто бы от страницы оставалось 7px
3) Надо всю страницу сместить вниз на 30px, что бы у меня для шапки места было больше!

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

• 

[Сake]

Найдите в вашем файле стилей main.css

ul.leftmenu {
	margin-left: -10px;
	margin-right: -10px;
	width: 200px;
}

и замените на

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

далее найдите

.sdvig {
	line-height: 50px;
	padding-left: 15px;
	width: 400px;
}

и замените на

.sdvig {
	line-height: 50px;
	padding-left: 15px;
}

далее найдите

.content_page {
	background: url("http://bigb.storeland.net/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

и замените на

.content_page {
	background: url("http://bigb.storeland.net/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	padding-bottom: 2em;
}

далее добавьте

.content_catalog .pad-box .leftmenu {
	margin-left: 0;
	margin-right: -20px;
}

3) Вы хотите опустить страницу после меню? Если нет, то у вас в шапке вставлено изображение меню, и если сместить вместе с меню, то изображение будет выше чем пункты. Если вы в последствии измените и само изображение шапки перенеся изображение меню, то можете в файл стилей main.css добавить

#header {
	height: 255px;
}

где 255px это ваш текущий размер шапки.

[Roman(GRR)]

Спасибо всем за ответы!

Может можно что нибудь придумать с отзывами??? А то картинка не выход! А отзывы нужны!

[Сake]

Вместо изображения вы можете вставить текст. Т.е вместо строки

<div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br />

использовать

<div id="otzyv">
<ul>
	<li>Текст отзыва 1</li>
<li>Текст отзыва 2</li>
<li>Текст отзыва 3</li>
</ul>
</div><br />

или аналогичное форматирование. Так же вы можете реализовать отзывы как обсуждалось в следующей теме форума http://forum.storela...ервой-странице/

[Roman(GRR)]

Taisia (02 Август 2013 - 15:28) писал:

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

Далее
1. добавьте в конец файла main.css код

.sdvig {
width: 400px;
line-height: 50px;
padding-left: 15px;}

2. добавьте в конец файла main.css код

.pad-box .leftmenu .categories {display:none;}

и код

.content_catalog .pad-box .leftmenu { border: 1px solid #E5E5E5 !important;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 5px;}

3. что бы вставить картинку под блоком "Вы смотрели" Вам необходимо в файле html найти код

<!-- Каталог -->
			 <div class="pad-box">
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul>
				 {%IFNOT catalog_empty %}
					 {% FOR catalog %}
					 {% IFNOT catalog.HIDE %}
						 <li class="cat-item">
						 <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>
						 </li>
					 {% ENDIF %}
					 {% ENDFOR %}
				 {% ENDIF %}
				
				 </ul> <br />
				 </li>

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

<!-- Каталог -->
			 <div class="pad-box">
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul>
				 {%IFNOT catalog_empty %}
					 {% FOR catalog %}
					 {% IFNOT catalog.HIDE %}
						 <li class="cat-item">
						 <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>
						 </li>
					 {% ENDIF %}
					 {% ENDFOR %}
				 {% ENDIF %}
				
				 </ul>
				 <div id="otzyv"><img src="{ASSETS_IMAGES_PATH}тут имя вашего файла.jpg"></div><br />
				 </li>

далее в файле main.css Добавить код

#otzyv { border: 1px solid #E5E5E5 !important;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 5px; margin-top: 20px;}

Вот по пункту 3, я сделал но у меня картинка получилась не под блоком "Вы смотрели"

Тот код что нужно заменить в файле html, он у меня почему то разделён и одна часть находится вверху, а вторая внизу файла html.


<!-- Каталог -->
<div class="pad-box">
<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>


Стоит на строке 351

А

{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<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>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

</ul> <br />
</li>
На строке 189.

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

Надо перенести его под блок "Вы смотрели" и сделать такого же размера, что бы даже если я картинку большего размера вставлял, а она всё равно обрезалась до такого размера!

Заранее благодарен!

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

• 

[Roman(GRR)]

Извините, это уже не актуально!