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


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

Автор Theweatherisgood, 18 авг. 2013 18:07

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

#1 Theweatherisgood

Theweatherisgood

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

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

Отправлено 18 Август 2013 - 18:07

Здравствуйте! У меня к Вам несколько вопросов к главной странице сайта.

1. Как добавить кнопки "Войти" "Регистрация" в шапке сайта точно так же как тут http://babylook.me/ ?
2. Как добавить аналогичную кнопку с открывающемся изображением "Добавить в закладки", как на этом же сайте?
3. Как убрать с главной страницы ее название и описание так же как на этом сайте? Замечу что стрница при рассмотрении сверху вниз должна выглядеть следующим образом : 1. Слайдер (уже есть), 2. Производители (уже есть, но еще не отредактировано) - к производителям дополнительный вопрос: можно ли сделать так что бы производители были в один ряд, так же как на "бэбилук" , но т.к. их будет значительно больше, то сделать так что бы по бокам были стрелочки, ну так как у "новинок" к примеру?, 3. Новинки, хиты продаж слева и описание магазина справа так же как у "бэбилук" 4. Далее рамка с новостями как на "бэбилук", только без вкладок "новости магащина" и "новости сообщеста", и он будет расположена по всей ширине сайта. 5. И последнее в самом низу более развернутое описание магазина, ну или статья так же как у бэбилук.


Заранее большое спасибо!

#2 Stasya

Stasya

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

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

Отправлено 18 Август 2013 - 19:04

1. В шаблоне HTML после строк 
<div class="b_page" id="wrapper">
<div class="container" id="header">
вставьте код 
<div id="linkBox">
{%IF CLIENT_IS_LOGIN%}
		 <span style="font-size: 11px">Здравствуйте,</span> <a href="/user/settings" class="second">{CLIENT_NAME}</a> <span style="font-size: 11px">|</span> <a href="/user/logout" class="first">Выход</a>
{%ELSE%}
		 <a href="/user/login" class="second">Войти</a> <span style="font-size: 11px">|</span> <a href="/user/register" class="first">Регистрация</a>
{%ENDIF%}			
</div>


2. В шаблоне HTML после строки  
<body>
вставьте код 
<div style="position:absolute; right: 100px;"><a href="#" id="openFlippingBook1"><img src="ссылка на картинку "Добавить в закладки"" /></a>
<script type="text/javascript">
$('a#openFlippingBook1').click(function(e) {
e.preventDefault();
var width = 305;
var height = 205;
var content = '<iframe width="300" height="200" src="http://files.storeland.ru/web/upload/sitefiles/6/541/540726/ctrl_d2.jpg" frameborder="0" allowfullscreen></iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,	
gallery: null
});
return(false);
});
</script>
</div>

3. Для того чтобы все производители поместились в ряд в файле main.css найдите блок 
media="screen"
.manufacturer img {
height:70px;
width: auto;
}
и замените его на 
media="screen"
.manufacturer img {
height: 53px;
width: auto;
}
Для того чтобы убрать название с главной в шаблоне Страница найдите блок 
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
и замените его на 
{% IF PAGE_NAME %}
<div class="page-headline">
{% IFNOT index_page %}<h1>{PAGE_NAME}</h1>{% ENDIF %}
</div>
{% ENDIF %}

Для описания справа, найдите в шаблоне HTML строку 
{BODY}
скопируйте и удалите ее. Затем вставьте после строки 
<td class="content_catalog cont250">
Теперь в файле main.css найдите блок 
.page-headline h1 {
position: absolute;
width: 940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height: 2em;
overflow: hidden;
}
и замените его на  
.page-headline h1 {
position: absolute;
width: 209px;
font: 30px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height: 5em;
overflow: hidden;
}

#3 Theweatherisgood

Theweatherisgood

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

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

Отправлено 18 Август 2013 - 20:24

в файле main.css блок
media="screen"
.manufacturer img {
height:70px;
width: auto;
}

не нашел.

а кнопки войти и регистрация нужно сделать справа.

что касается описаний страниц, то это не совсем то.. для главной страницы одно описание справа.. для всех других стрниц это сверху вниз- 1.Каталог 2. О магазине. А то получается что вс теперь справа, даже форм связи с администрацией съехала вправо. тут речь идет о том как это реализовано на сайте http://babylook.me
В остальном спасибо!

#4 miyako

miyako

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

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

Отправлено 19 Август 2013 - 11:04

Просмотр сообщенияTheweatherisgood (18 Август 2013 - 20:24) писал:

в файле main.css блок
media="screen"
.manufacturer img {
height:70px;
width: auto;
}

не нашел.

а кнопки войти и регистрация нужно сделать справа.

что касается описаний страниц, то это не совсем то.. для главной страницы одно описание справа.. для всех других стрниц это сверху вниз- 1.Каталог 2. О магазине. А то получается что вс теперь справа, даже форм связи с администрацией съехала вправо. тут речь идет о том как это реализовано на сайте http://babylook.me
В остальном спасибо!

Этот блок расположен в файле - nyvo.css

Добавьте в конец main.css код -
#linkBox{float:right;}

Найдите в шаблоне Страница код -
<!-- Контент страницы -->
<div class="htmlDataBlock" >
{PAGE_CONTENT}
</div>
и замените на -
<!-- Контент страницы -->
<div class="htmlDataBlock" {%IF index_page%} style="display:none;" {%ENDIF%}>
{PAGE_CONTENT}
</div>

Далее найдите в шаблоне HTML -
			 {% ENDIF %}
			 <!-- END Всевозможные списки товаров -->
{% IFNOT index_page %}
		 </td>
		 <td class="content_catalog cont250">
и замените на -
<div style="float:right;width:200px;">
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
<!-- Контент страницы -->
<div class="htmlDataBlock">
{PAGE_CONTENT}
</div>		
</div>
{% ENDIF %}
			 <!-- END Всевозможные списки товаров -->
{% IFNOT index_page %}
		 </td>
		 <td class="content_catalog cont250">

#5 Theweatherisgood

Theweatherisgood

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

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

Отправлено 19 Август 2013 - 12:30

...ладно, не нужно...

#6 Keks

Keks

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

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

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

Как добавить кнопку с открывающемся изображением "Добавить в закладки"? код вставила но вот с картинкой проблема, она не отображается. как добавить картинку или что не так?

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

  • SDC17756.JPG

#7 shnafix

shnafix

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

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

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

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

Как добавить кнопку с открывающемся изображением "Добавить в закладки"? код вставила но вот с картинкой проблема, она не отображается. как добавить картинку или что не так?
В Редакторе шаблонов через кнопку "Добавить файлы" Вам нужно загрузить изображение, например с именем img.png, затем в Редакторе шаблонов->HTML заменить строку 
<div style="position:absolute; right: 100px;"><a href="#" id="openFlippingBook1"><img src="ссылка на картинку "Добавить в закладки"" /></a>
на строку 
<div style="position:absolute; right: 100px;"><a href="#" id="openFlippingBook1"><img src="{ASSETS_IMAGES_PATH}img.png"Добавить в закладки"" /></a>

#8 Theweatherisgood

Theweatherisgood

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

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

Отправлено 07 Ноябрь 2013 - 13:15

Дошел таки опять до главной страницы. Вообщем то все по предыдущим вопросам.
Но спрошу по новой. Первое и САМОЕ главное тут - это что бы все другие страницы остались ПОЛНОСТЬЮ без изменений!
Отредактировать нужно ТОЛЬКО главную страницу.

1.Нужно убрать название страницы. Т.е. под меню в шапке, сразу должен идти банер.(Сейчас название и описание , после всех "химических реакций" слетело вниз и влево к подвалу сайта)

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

#9 sengun

sengun

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

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

Отправлено 07 Ноябрь 2013 - 19:27

Просмотр сообщенияTheweatherisgood (07 Ноябрь 2013 - 13:15) писал:

Дошел таки опять до главной страницы. Вообщем то все по предыдущим вопросам.
Но спрошу по новой. Первое и САМОЕ главное тут - это что бы все другие страницы остались ПОЛНОСТЬЮ без изменений!
Отредактировать нужно ТОЛЬКО главную страницу.

1.Нужно убрать название страницы. Т.е. под меню в шапке, сразу должен идти банер.(Сейчас название и описание , после всех "химических реакций" слетело вниз и влево к подвалу сайта)

2.Далее под баннером, пусть идет то поле,где я могу в админ панели редактировать описание страницы. Попробую туда прикрутить все что мне нужно.
Здравствуйте. То, что слетело влево - нарушение верстки, судя по всему в шаблоне HTML в коде
		<!-- и так далее -->
</div>
</div>
  {% ENDIF %}
два лишних закрывающихся div. Т.е. должно быть так
		<!-- и так далее -->
  {% ENDIF %}
Чтобы убрать название страницы на главной, в шаблоне "Страница" замените
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
на этот код
{% IFNOT index_page %}{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}{% ENDIF %}
Если под "баннером" вы подразумеваете "Слайдер", то, видимо, это все, что нужно сделать.

#10 Theweatherisgood

Theweatherisgood

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

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

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

Прошу прощения, речь шла о слайдере) БОЛЬШОЕ спасибо!)

#11 Theweatherisgood

Theweatherisgood

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

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

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

Эх как жаль... таким способом не вышло прикрутить все как надо.
Я сделал пикчи(вопрос1, вопрос2, вопрос3) блоков какие хотелось бы реализовать. За пример взят сайт http://babylook.me/.
Помогите пожалуйста сделать аналогично. Вообщем то интересует только добавление таких же блоков, за исключением новостей сообщества (только новости магазина) и + реализовать стрелочки на новинки и хиты продаж. Помогите пожалуйста.

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

  • вопрос1.jpg
  • вопрос2.jpg
  • вопрос3.jpg

#12 Vaccina

Vaccina

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

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

Отправлено 09 Ноябрь 2013 - 06:37

Итак, что мы видим на скриншотах.
1. Карусель на товарах на главной, следуем сл.инструкции: http://forum.storela...лож/#entry32986
2. Табы для переключения информации без перезагрузки, следуем сл.инсрукции: http://forum.storela...-вкладок-табов/
3. Отзывы на главной странице, инструкция: http://forum.storela...__40#entry59241

Остальное, как мне кажется, проделывалось в  шаблоне HTML, то естьв  коде прописывали тексты и стилизовали, но это мое мнение.
Самое главное - делайте все поэтапно иначе все превратится в кашу и придется все удалять чтоб восстановить вид сайт и не забывайте делать бэк ап перед изменениями, чтобы в любой момент откатить изменения назад.

#13 Theweatherisgood

Theweatherisgood

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

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

Отправлено 09 Ноябрь 2013 - 16:15

1. Поставить карусель - получилось. НО изображения на ней съехавшие, и получилось так, что отображается Карусель с НОВИНКАМИ, а под ней НОВИНКИ без карусели.
2. Табы в инструкции, -это для товаров, а мне нужно просто новости сделать так же как на рисунке, табы - это вообщем то не бязательно, если можно просто стилизовать блок новости. Ну и остается вопрос как его разместить туда же как на рисунке.
3. Отзывы решил пока не трогать

#14 support 2.0

support 2.0

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

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

Отправлено 09 Ноябрь 2013 - 17:55

Просмотр сообщенияTheweatherisgood (09 Ноябрь 2013 - 16:15) писал:

1. Поставить карусель - получилось. НО изображения на ней съехавшие, и получилось так, что отображается Карусель с НОВИНКАМИ, а под ней НОВИНКИ без карусели.
2. Табы в инструкции, -это для товаров, а мне нужно просто новости сделать так же как на рисунке, табы - это вообщем то не бязательно, если можно просто стилизовать блок новости. Ну и остается вопрос как его разместить туда же как на рисунке.
3. Отзывы решил пока не трогать
1. найдите и удалите блок в шаблоне HTML
  <!-- Список новинок на главной -->
				{% IFNOT index_page_new_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
					<table>
					  <tr>
					  {% FOR index_page_new_goods %}
						<td class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder cornerAll">
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
						   
							<h2 class="goodsListItemName"><a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a></h2>
							<div class="goodsListItemPriceNew">
							  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
							</div> 
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
							  {% ENDIF %}
							</div>
						  </div>
						</td>
						{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
					  {% ENDFOR index_page_new_goods %}
					  </tr>
					</table>
				  </div>
				{% ENDIF %}
				<!-- end Список новинок на главной -->

теперь найдите строчку
<li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
замените ее на
<li> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" style="width: 175px;" alt="{index_page_new_goods.NAME}" /></a>

2. в шаблоне HTML после
{BODY}
вставьте
{% IF index_page %}
<div style="clear:both;"></div>	 
<div style="display:inline; float:left; width:510px;">
  <div style="padding-left:15px"><h3><a href="/news?sid=1">Новости Восток Инструмент</a></h3><br></div>
 
  <div class="section" style="padding-left:20px; padding-right:20px; padding-top:5px">
   <div class="line-news1"></div>
  
   <ul class="tabs">
	<li class="current">Новости магазина</li>
	<li>Статьи</li>
   </ul>
   <div class="box visible" style="width:450px;">
	 <!-- Если в тарифном плане подключен модуль новостей -->
		{% IF TARIFF_FEATURE_NEWS %}
	   <!-- Все новости -->
	   {%IFNOT news_list_all_empty %}
		 <li class="news_all"><br />
		<ul>
		  <div class="contentTbodyNews" >
	 
		 <!-- Список новостей магазина -->
		 <p class="contentTbodyNewsBlock">
		   {% FOR news_list_all %}
		  <div class="contentTbodyNewsBlockItem">
			<b><a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a></b><br />
		   
			<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT | htmlspecialchars_decode }</div>
			{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
		  </div>
		   {% ENDFOR %}
		   <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
		 </p>
		  </div>
		</ul>
		 </li>
	   {% ENDIF %}
	   <!-- Новости магазина -->
	   {%IFNOT news_list_shop_empty %}
		 <li class="news_shop"><br />
		<ul>
		  <div class="contentTbodyNews">
		 <!-- Список новостей магазина -->
		 <p class="contentTbodyNewsBlock">
		   {% FOR news_list_shop %}
		  <div class="contentTbodyNewsBlockItem">
			<b><a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a></b><br />
		   
			<div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT | htmlspecialchars_decode} </div>
			{% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
		  </div>
		   {% ENDFOR %}
		   <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Все новости</a>
		 </p>
		  </div>
		</ul>
		 </li>
	   {% ENDIF %}
		
		{% ENDIF %}
   </div>
	
	
	
   <div class="box" style="width: 450px; overflow: hidden;">
	<div style="margin-top: -35px;">
	
	 <!-- Статьи -->
	 {%IFNOT news_list_articles_empty %}
	 <li class="news_articles"> <br />
	  <ul>
	   <div class="contentTbodyNews" style="padding-top: 25px;">
		<!-- Список статей -->
		<p class="contentTbodyNewsBlock">
		 {% FOR news_list_articles %}
		   <div class="contentTbodyNewsBlockItem">
		  <b><a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a></b><br />
		 
		  <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
		  {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
		   </div>
		 {% ENDFOR %}
		 <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
		</p>
	   </div>
	  </ul>
	 </li>
	 {% ENDIF %}
	
	</div>
   </div>

  <div class="line-news2"></div>
  </div>		  
</div>	
{% ENDIF %}

далее в файле main.js в конце ПЕРЕД 
});
вставьте
  (function($) {
$(function() {
   $('ul.tabs').each(function() {
	 $(this).find('li').each(function(i) {
	   $(this).click(function(){
		 $(this).addClass('current').siblings().removeClass('current')
		   .parents('div.section').find('div.box').eq(i).fadeIn(150).siblings('div.box').hide();
	   });
	 });
   });
})
})(jQuery)

далее в main.css в конце файла вставьте
div.line-news1 {
  color: #fff;
background: #444;
border-radius: 6px 6px 0 0;
text-align: center;
height: 30px;
line-height: 20px;
width: 452px;
}
div.line-news2 {
  color: #fff;
background: #444;
border-radius: 0 0 6px 6px;
text-align: center;
height: 30px;
line-height: 20px;
width: 452px;
}
.box {
   display: none; /* по умолчанию прячем все блоки */
}
.box.visible {
   display: block; /* по умолчанию показываем нужный блок */
}
.section .tabs {
	margin-top: -30px;
}
.section .tabs li {
	border-right: 1px solid #fff;
	color: #FFFFFF;
	display: inline-block;
	font:normal 12px Verdana, Geneva, sans-serif;
	margin:0 10px;
	text-transform:uppercase;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.section .tabs li:last-child {
   border-right: none;
   margin-left:0;
}
.section .tabs li:hover {
	cursor:pointer;
}
.section .box {
	border: 1px solid #e5e5e5;
}
.section .box li{
	list-style:none !important;
}

#15 Theweatherisgood

Theweatherisgood

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

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

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

То что надо, большое спасибо!
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Главная
  6. Privacy Policy