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


Переделка Главной Страницы Под 1 Столбец


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

#1 i.smetanin

i.smetanin

    Пользователь

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

Отправлено 07 Февраль 2014 - 19:01

Доброго времени  суток, необходима помощь модераторов реализовать данное на сайте.
Шапка остается без изменений изменяется только блок контента.
Так же вопрос, как можно ручками редактировать порядок показа товаров, чтоб они стояли в порядке нужном нам, а не как им вздумалось.

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

  • tEnhWre3hBk.jpg


#2 Castiel

Castiel

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

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

Отправлено 08 Февраль 2014 - 07:29

Здравствуйте, данное глобальное изменение шаблона не входит в рамки технической поддержки. Для того чтобы реализовать ваши желания вам лучше обратиться в дизайн студию. Наши партнеры http://storelandlab.ru/ помогут вам реализовать ваши пожелания.

#3 i.smetanin

i.smetanin

    Пользователь

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

Отправлено 08 Февраль 2014 - 09:50

Хорошо, допустим мы убираем нижнюю часть ( каталог) Оставляем только главный блок, тут глобальных изменений я не вижу. Нужен вывод популярных товаров по 3 столбца и не по центру два как щас. Перенести правый столбец влево ничего сложного. и самый актуальный, как управлять положением товаров в этих категориях?  чтоб их можно было выставить как необходимо нам.

#4 Castiel

Castiel

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

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

Отправлено 08 Февраль 2014 - 10:35

Просмотр сообщенияi.smetanin (08 Февраль 2014 - 09:50) писал:

Хорошо, допустим мы убираем нижнюю часть ( каталог) Оставляем только главный блок, тут глобальных изменений я не вижу. Нужен вывод популярных товаров по 3 столбца и не по центру два как щас. Перенести правый столбец влево ничего сложного. и самый актуальный, как управлять положением товаров в этих категориях?  чтоб их можно было выставить как необходимо нам.

Полностью скрываем нижнюю часть сайта
Редактируем main.css
Находим
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}

Заменяем на
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
display: none;
}

Находим
#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

Заменяем на
#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
display:none;
}

Переносим правый столбец в левый
Находим и удаляем
<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 %}
				{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
				<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">
					  <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>

Далее находим и удаляем
	<!-- Для остальных страниц сайта -->
	{% IFNOT index_page %}
Находим
	  <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
	{% ENDIF %}

Заменяем на
	  <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->


Полный код левого блока должен быть таким
Скрытый текст

Просмотр сообщенияCastiel (08 Февраль 2014 - 10:31) писал:

Полностью скрываем нижнюю часть сайта
Редактируем main.css
Находим
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}

Заменяем на
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
display: none;
}

Находим
#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

Заменяем на
#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
display:none;
}

Переносим правый столбец в левый
Находим и удаляем
<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 %}
			 {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
			 <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">
					 <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>

Далее находим и удаляем
<!-- Для остальных страниц сайта -->
{% IFNOT index_page %}
Находим
	 <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
{% ENDIF %}

Заменяем на
	 <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->


Полный код левого блока должен быть таким
Скрытый текст


Управлять положением товаров можно только через стандартные виды сортировки.

Цитата

Нужен вывод популярных товаров по 3 столбца и не по центру два как щас.

Сейчас у вас, на главной странице идет вывод товаров списком. Опишите подробнее как вы хотите выводить их?
В виде таблицы по 3 элемента в строчку? Что кроме названия и изображения еще должно выводиться?

#5 i.smetanin

i.smetanin

    Пользователь

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

Отправлено 12 Февраль 2014 - 12:38

Удалил правый столбец, товары не растянулись на все свободное пространство. Как это сделать?

#6 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 12:57

Просмотр сообщенияi.smetanin (12 Февраль 2014 - 12:38) писал:

Удалил правый столбец, товары не растянулись на все свободное пространство. Как это сделать?

Здравствуйте, редактируем main.css
Находим
#index {
background: url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y;
margin: -11px 0 -11px 0;
padding: 11px 0 11px 0;
}
Заменяем на
#index {
margin: -11px 0 -11px 0;
padding: 11px 0 11px 0;
}

Находим
#content #mainindex .headline {
background: url(http://design.wow-led.ru/headline-index-bg.jpg) top center no-repeat;
width: 492px;
}

Заменяем на
#content #mainindex .headline {
}

Находим
#mainindex {
float: left;
width: 512px;
}
Заменяем на
#mainindex {
float: left;
}


#7 i.smetanin

i.smetanin

    Пользователь

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

Отправлено 12 Февраль 2014 - 13:47

Отлично! Как теперь сделать вывод таблицей по 3 столбца?

#8 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 13:50

Просмотр сообщенияi.smetanin (12 Февраль 2014 - 13:47) писал:

Отлично! Как теперь сделать вывод таблицей по 3 столбца?

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

#9 i.smetanin

i.smetanin

    Пользователь

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

Отправлено 13 Февраль 2014 - 00:38

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

#10 Сake

Сake

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

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

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

Найдите в вашем шаблоне "HTML" несколько одинаковых строк

is_divided("2"

и замените все их на

is_divided("3"





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

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