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


Поменять Местами Описание И Блоки Товаров


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

#1 fotoav

fotoav

    Новичок

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

Отправлено 08 Сентябрь 2013 - 18:43

Подскажите как сделать:
1. блок "новинки" поднять в верх страницы, а текстовый блок опустить.
001.jpg

2. полностью убрать правый столбец а блоки "вы смотрели" и "новости" перенести в левый.
002.jpg

сайт:  http://tvoe-iskushenie.ru

#2 miyako

miyako

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

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

Отправлено 09 Сентябрь 2013 - 09:14

Просмотр сообщенияfotoav (08 Сентябрь 2013 - 18:43) писал:

Подскажите как сделать:
1. блок "новинки" поднять в верх страницы, а текстовый блок опустить.
Прикрепленный файл 001.jpg

2. полностью убрать правый столбец а блоки "вы смотрели" и "новости" перенести в левый.
Прикрепленный файл 002.jpg

сайт:  http://tvoe-iskushenie.ru

2) для всех страниц так должно отображаться?

1) Найдите в шаблоне Страница код -
<div class="text fnt12n">
		<div class="htmlDataBlock">
		  {PAGE_CONTENT}
		</div>
	  </div>
и удалите его (только в блоке Главной страницы, примерно строка 8/9)

Далее найдите в шаблоне HTML код -
		  <!-- end-Список хитов главной -->
		  <!-- Вывод каталога таблицей -->
		  <!-- Вывод каталога списком-Конец -->
		</div>
		<div id="right">
и замените на -
		  <!-- end-Список хитов главной -->
		  <!-- Вывод каталога таблицей -->
		  <!-- Вывод каталога списком-Конец -->
{%IF index_page%}<div class="text fnt12n">
		<div class="htmlDataBlock">
		  {PAGE_CONTENT}
		</div>
	  </div>
	  {%ENDIF%}
		</div>
		<div id="right">


#3 fotoav

fotoav

    Новичок

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

Отправлено 09 Сентябрь 2013 - 12:28

Спасибо! правда остался "артефакт"
003.jpg
хотелось бы что бы он так же уехал вниз, то есть что бы было как здесь:
004.jpg
http://tvoe-iskushen...hki-Bebi-doll-3


Цитата

2) для всех страниц так должно отображаться?
скорее на главной должно отображаться как сейчас на всех остальных: то есть то есть два столбца левый и центральный.

#4 Vaccina

Vaccina

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

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

Отправлено 10 Сентябрь 2013 - 05:36

как вариант отмените последние изменения, далее в шаблоне HTML найдите {BODY} и измените его на:
{% IFNOT index_page %}
{BODY}
{% ENDIF %}

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

{% ENDFOR index_page_goods %}
		  {% ENDIF %}
		  <!-- end-Список хитов главной -->
		  <!-- Вывод каталога таблицей -->
		  <!-- Вывод каталога списком-Конец -->
и после него вставьте:
{% IF index_page %}
{BODY}
{% ENDIF %}

2. На данный момент, у вас отображается так как вы хотели.

#5 fotoav

fotoav

    Новичок

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

Отправлено 10 Сентябрь 2013 - 17:58

1. Спасибо по пункту 1 все получилось как хотел.


2.

Просмотр сообщенияVaccina (10 Сентябрь 2013 - 05:36) писал:

2. На данный момент, у вас отображается так как вы хотели.

не совсем понял или объяснил неправильно :)
сейчас у меня на главной три  столбца:
002.jpg
так вот хотелось, что бы все из столбца №3 переехало в низ столбца №1 (как сейчас на всех остальных страницах кроме главной), а столбец № 2 был растянут вправо.
то есть как на нижней картинке.
001.jpg

http://tvoe-iskushenie.ru

#6 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Сентябрь 2013 - 18:34

Просмотр сообщенияfotoav (10 Сентябрь 2013 - 17:58) писал:

1. Спасибо по пункту 1 все получилось как хотел.


2.

не совсем понял или объяснил неправильно :)
сейчас у меня на главной три  столбца:
Прикрепленный файл 002.jpg
так вот хотелось, что бы все из столбца №3 переехало в низ столбца №1 (как сейчас на всех остальных страницах кроме главной), а столбец № 2 был растянут вправо.
то есть как на нижней картинке.
Прикрепленный файл 001.jpg

http://tvoe-iskushenie.ru
Здравствуйте. Для начала вам необходимо в шаблоне HTML найти огроменный блок кода, отвечающий за вывод содержимого правого блока главной страницы. Он находится внутри тега
<div id="right">
код содержимого правого блока
</div>
Вам надо код без самих  <div id="right"> и </div> скопировать и удалить отсюда уже вместе с <div id="right"> и </div>. (сейчас у вас этот код с 433 по 469 строку, 470-я строка - это </div>).
Теперь надо найти код содержимого левого блока. Он находится внутри тега
<div id="left">
код содержимого левого блока
</div>
Этот тег находится сразу после кода правого блока. Вот в конец, перед </div>, надо вставить код содержимого правого блока. Сейчас у вас код левого блока оканчивается на 728 строке, но после удаления кода правого блока, номер сроки уменьшится.
Теперь надо увеличить ширину основного контента страницы.
В main.css код
#mainindex {  float:left; width:512px; }
замените на этот
#mainindex {  float:left; width:750px; }
А код
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
замените на этот
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 750px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
А также код
#content #mainindex .headline { background:url({ASSETS_IMAGES_PATH}headline-index-bg.jpg) top center no-repeat; width:492px; }
замените на этот
#content #mainindex .headline {width:730px; }
Осталось только вывести товары на главной по 3 в ряд. Для этого в шаблоне HTML найдите код
is_divided("2"
и заменить его на этот
is_divided("3"


#7 fotoav

fotoav

    Новичок

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

Отправлено 11 Сентябрь 2013 - 16:03

Спасибо! То, что надо.

#8 watches-club

watches-club

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

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

Отправлено 13 Сентябрь 2013 - 10:40

Там получается не совсем как надо. Если пройти на страницу товара то блок:Статьи сайта, Новости СМИ, Вы смотрели и Новости магазина дублируются. Как исправить?

#9 fotoav

fotoav

    Новичок

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

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

Просмотр сообщенияdrop-shipper (13 Сентябрь 2013 - 10:40) писал:

Там получается не совсем как надо. Если пройти на страницу товара то блок:Статьи сайта, Новости СМИ, Вы смотрели и Новости магазина дублируются. Как исправить?
Кстати да, дублируют.

#10 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 13 Сентябрь 2013 - 13:16

Просмотр сообщенияfotoav (13 Сентябрь 2013 - 10:57) писал:

Кстати да, дублируют.
Эти блоки дублируются на всех страницах, кроме главной.
В шаблоне HTML у вас дублируется код этих блоков, один из дублей причем выполняется при условии открытой не главной страницы. Вам надо удалить этот код (сейчас он у вас с 447 по 586 строку)
Скрытый текст


#11 a_podarkov

a_podarkov

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

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

Отправлено 25 Сентябрь 2013 - 11:26

Здравствуйте!
Требуется тоже перенести правый столбец в левый.
Я попробовала сделать всю процедуру, но у меня после удаления блока right и переноса его без Div внутрь блока left получилась такая картина:
Весь левый столбец перепрыгнул на место правого. Предложенные изменения css не изменили ситуацию.

Код левого блока получился такой:
Скрытый текст

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

  • Безымянный.png
  • Безымянный1.png


#12 Koderhan

Koderhan

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

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

Отправлено 25 Сентябрь 2013 - 11:32

Просмотр сообщенияa_podarkov (25 Сентябрь 2013 - 11:26) писал:

Здравствуйте!
Требуется тоже перенести правый столбец в левый.
Я попробовала сделать всю процедуру, но у меня после удаления блока right и переноса его без Div внутрь блока left получилась такая картина:
Весь левый столбец перепрыгнул на место правого. Предложенные изменения css не изменили ситуацию.

Код левого блока получился такой:
Скрытый текст
Вы хотите перенести столбец с новостями в правую левую строну страницы а столбец с каталогом товаров в правую сторону ?

#13 a_podarkov

a_podarkov

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

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

Отправлено 25 Сентябрь 2013 - 12:28

Просмотр сообщенияKoderhan (25 Сентябрь 2013 - 11:32) писал:

Вы хотите перенести столбец с новостями в правую левую строну страницы а столбец с каталогом товаров в правую сторону ?
нет, я хочу сделать в точности, как тут http://tvoe-iskushenie.ru/. Т.е. С правой стороны все перенести в левую колонку, каталог оставить в левой.
Я сделала вроде все, как рекомендовано, но почему-то вся левая колонка сдвигается на место правой. И каталог в том числе.

#14 Koderhan

Koderhan

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

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

Отправлено 25 Сентябрь 2013 - 13:03

Просмотр сообщенияa_podarkov (25 Сентябрь 2013 - 12:28) писал:

нет, я хочу сделать в точности, как тут http://tvoe-iskushenie.ru/. Т.е. С правой стороны все перенести в левую колонку, каталог оставить в левой.
Я сделала вроде все, как рекомендовано, но почему-то вся левая колонка сдвигается на место правой. И каталог в том числе.
Предварительно создав резервную копию шаблона попробуйте заменить весь код файла HTML:
Скрытый текст

Затем добавить в файл "main.css" код:
#content .navigation {
	margin-left: 0px;
	width: 220px;
}

В файле "main.css".
Найти код:
#mainindex {  float:left; width:512px; }
Заменить:
#mainindex {  float: right;   width: 757px;   clear: both;}


В файле "main.css".
Найти код:
#left { float:left; width:225px; margin:0px 0 -11px 10px; }
Заменить:
#left { float: left; width:225px; margin:0px 0 -11px 10px; display: block;}


#15 miyako

miyako

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

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

Отправлено 25 Сентябрь 2013 - 13:09

Просмотр сообщенияa_podarkov (25 Сентябрь 2013 - 12:28) писал:

нет, я хочу сделать в точности, как тут http://tvoe-iskushenie.ru/. Т.е. С правой стороны все перенести в левую колонку, каталог оставить в левой. Я сделала вроде все, как рекомендовано, но почему-то вся левая колонка сдвигается на место правой. И каталог в том числе.


Найдите код в шаблоне HTML -
{% IF index_page %}
		  <div id="index">
			<div id="mainindex">
		{% ENDIF %}
и удалите его

Далее найдите код -
	   </div>
		<div id="right">
		  <!-- Последние товары, просмотренные пользователем -->
		  {% IFNOT recently_viewed_goods_empty %}
		  <div class="block">
			<div class="blocktitle bluelarge">
			  Вы смотрели
			</div>
			<div class="blockmain state">
			  <table class="recent_viewed">
				{% FOR recently_viewed_goods %}
				<tr class="txtalgnlft">
				  <td class="img txtalgncnt">
					<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
				  </td>
				  <td class="link statetitle fnt12n txtalgnlft">
					<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
				  </td>
				</tr>
				{% ENDFOR %}
			  </table>
			</div>
			<div class="blockbottom"></div>
		  </div>
		  {% ENDIF %}
		  <!-- Последние товары, просмотренные пользователем -->
		  <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_SHOP_URL}">Новости магазина</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_all %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft txtweight">
					  <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a>
					</div>
					<p>
					  {news_list_all.TEXT_SHORT}
					</p>
					{% IF news_list_all.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_all.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_SHOP_URL}">Новости магазина</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_shop %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a>
					</div>
					<p>
					  {news_list_shop.TEXT_SHORT}
					</p>
					{% IF news_list_shop.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_shop.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluesmall">
				<a href="{NEWS_ARTICLES_URL}">Статьи сайта</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_articles %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a>
					</div>
					<p>
					  {news_list_articles.TEXT_SHORT}
					</p>
					{% IF news_list_articles.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_articles.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей  -->
		  {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_mass_media %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a>
					</div>
					<p>
					  {news_list_mass_media.TEXT_SHORT}
					</p>
					{% IF news_list_mass_media.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_mass_media.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей  -->
		</div>
		<div class="clear"></div>
	  </div>
и удалите его

#16 a_podarkov

a_podarkov

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

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

Отправлено 25 Сентябрь 2013 - 14:26

Ох! Я его слепила из того, что было, называется.
Сделала, как рекомендовала miyako, потом вставила код правого блога в код левого (перед последним div) и удалила лишний код, как сказано в сообщении №10.
Все получилось, Спасибо всем за помощь.
...
Заметила маленькую проблемку. Помогите, пожалуйста, и ее решить. У новинок на главной цена не на месте. Как поставить?

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

  • Безымянный.png


#17 CrazyCat

CrazyCat

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

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

Отправлено 25 Сентябрь 2013 - 14:44

Здравствуйте!
Попробуйте в файле main.css код
#content .box .tabproduct .buttons {
clear: both;
height: 22px;
background: url(http://design.ateljepodarkov.ru/haeder-bg.png) -90px -38px no-repeat;
padding: 0 0 8px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

заменить на код
#content .box .tabproduct .buttons {
clear: both;
height: 22px;
background: url(http://design.ateljepodarkov.ru/haeder-bg.png) -90px -38px no-repeat;
padding: 0 0 8px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display:none;
}





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

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