Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

7

Добавление Блоков На Сайт

Автор alkazare, 03 дек. 2012 04:52

Вперед

Авторизуйтесь для ответа в теме

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

#162 Александр52rus

Новичок

Пользователи
1 сообщений

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

Добрый вечер! Помогите пожалуйста решить пару проблем. Сидел читал и делал то что вы советовали людям в похожих ситуациях, но увы у меня не всё получилось.
В файле я описал проблемы, надеюсь будет понятно, что я имел в виду.

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

Наверх

#163 Vaccina

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

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

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

5. Цвет меняется в файле стилей main.css

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
	background: #696969;
	border-radius: 6px;
	color: #FFFFFF;
}

по умолчанию класс выглядит так

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
	background: #4799BA;
	border-radius: 6px;
	color: #FFFFFF;
}

2. Найдите и удалите в шаблоне "HTML" строку

<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>

4. В шаблоне "HTML" найдите

<!-- Последние товары, просмотренные пользователем -->
		  {% 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 recently_viewed_goods_empty %}
		  <div class="block">
			<div class="blocktitle bluelarge">
			  Отзывы
			</div>
			<div class="blockmain state">
				<div id="inject-goods-opinion-list"></div>
			</div>
			<div class="blockbottom"></div>
		  </div>
		  {% ENDIF %}
		  <!-- Последние товары, просмотренные пользователем -->

Далее почитайте внимательнее (полностью) тему форума http://forum.storela...ице/#entry48149

1. Найдите в шаблоне "HTML"

<div class="R">
						 <div class="text"><h3 id="toc0"> Только сейчас скидки до  <span style="color: #EF2929;">40%</span></h3><p> <span style="color: #EF2929;"><a href="#">Спешите</a></div></div>
						 <div class="timer">
								<p>До конца акции</p>
								 <div class="digits"></div>
						 </div>
				 </div>

и замените на

<div class="R">
	 <div class="text"><h3 id="toc0"> Только сейчас скидки до  <span style="color: #EF2929;">40%</span></h3></div>
	 <div class="timer">
		<p>До конца акции</p>
		<div class="digits"></div>
	 </div>
</div>

далее в файле стилей main.css найдите

.block .timer > .digits {
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}

и замените на

.block .timer > .digits {
	color: #EF2929;
	font-size: 16px;
	font-weight: 400;
	line-height: 12px;
	padding-top: 5px;
}

3. Почитайте внимательнее тему форума http://forum.storela...нок/#entry31845

Кнопку заказа звонка вам необходимо будет вставлять в следующем виде: В шаблоне "HTML" после строки

<div id="header">

вставите

<div style="position: absolute; right: 100px; top: 54px;">Ваш получившийся код кнопки</div>

Вместо "Ваш получившийся код кнопки" вставите код кнопки из темы форума.

Наверх

#164 feytry

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

Пользователи
28 сообщений

Отправлено 31 Май 2014 - 03:10

Подскажите пожалуйста!
Поставил 3 блока вверху сайта 1)Как поставить в каждый блок изображения? как написано на первой стр. не получается
2) как сделать кликабельным текст внутри этих локов
3) как обвести счетчик такой рамкой и иконкой

4)как поставить длительность акции например 3 для пробовал через www.convertworld.com/ru/vremya/Миллисекунды.html -не получилось-большие значения показывает а при меньших счетчик изчезает.
Что делаю не так?

Наверх

#165 Vaccina

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

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

Отправлено 31 Май 2014 - 03:59

1. В шаблоне HTML найдите:

<div class="L"><a href="javascript:;"><img alt="" src="http://...guarantee.png"></a></div>

"javascript" меняем на ссылку куда баннер ведет при клике
"http://...guarantee.png" - меняем на полную ссылку к вашей картинке

2. код в HTML

<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>

замените на:

<div class="text"><a href="ссылка"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></a></div>

"ссылка" - заменяем на реальную ссылку

3.В main.css найдите:

.block .timer > .digits {
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}

замените на:

.block .timer > .digits {
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	border: 1px solid #000;
	padding: 5px 5px 5px 15px;
	background: url('ссылка на иконку') no-repeat left center;
}

"ссылка на иконку" - замените на реальную ссылку

4. В шаблоне HTML найдите:

$(document).ready(function(){
setInterval(function(){
		 var now = new Date();
		 var endTS = 9999999999*1000;
		 var totalRemains = (endTS-now.getTime());
		 if (totalRemains>1){
				 var RemainsSec=(parseInt(totalRemains/1000));
				 var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
				 var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
				 var RemainsFullHours=(parseInt(secInLastDay/3600));
				 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
				 var secInLastHour=secInLastDay-RemainsFullHours*3600;
				 var RemainsMinutes=(parseInt(secInLastHour/60));
				 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
				 var lastSec=secInLastHour-RemainsMinutes*60;
				 if (lastSec<10){lastSec="0"+lastSec};
				 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		 }
		 else {$(".timer").remove();}
},1000);
});

замените на:

$(document).ready(function(){
setInterval(function(){
		 var now = new Date();
		 var dEnd = new Date();
		 dEnd.setMonth(dEnd.getMonth() + 1);
		 var totalRemains = (dEnd.getTime() - now.getTime());
		 if (totalRemains>1){
				 var RemainsSec=(parseInt(totalRemains/1000));
				 var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
				 var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
				 var RemainsFullHours=(parseInt(secInLastDay/3600));
				 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
				 var secInLastHour=secInLastDay-RemainsFullHours*3600;
				 var RemainsMinutes=(parseInt(secInLastHour/60));
				 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
				 var lastSec=secInLastHour-RemainsMinutes*60;
				 if (lastSec<10){lastSec="0"+lastSec};
				 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		 }
		 else {$(".timer").remove();}
},1000);
});

и в нем измените dEnd.getTime() на секунды, то есть все дни и часы сложите в секунды, например 1404175857662

Наверх

#166 feytry

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

Пользователи
28 сообщений

Отправлено 31 Май 2014 - 08:08

Vaccina (31 Май 2014 - 03:59) писал:

1. В шаблоне HTML найдите:

<div class="L"><a href="javascript:;"><img alt="" src="http://...guarantee.png"></a></div>

"javascript" меняем на ссылку куда баннер ведет при клике
"http://...guarantee.png" - меняем на полную ссылку к вашей картинке

2. код в HTML

<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>

замените на:

<div class="text"><a href="ссылка"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></a></div>

"ссылка" - заменяем на реальную ссылку

3.В main.css найдите:

.block .timer > .digits {
font-size: 12px;
font-weight: 400;
line-height: 12px;
}

замените на:

.block .timer > .digits {
font-size: 12px;
font-weight: 400;
line-height: 12px;
border: 1px solid #000;
padding: 5px 5px 5px 15px;
background: url('ссылка на иконку') no-repeat left center;
}

"ссылка на иконку" - замените на реальную ссылку

4. В шаблоне HTML найдите:

$(document).ready(function(){
setInterval(function(){
		 var now = new Date();
		 var endTS = 9999999999*1000;
		 var totalRemains = (endTS-now.getTime());
		 if (totalRemains>1){
				 var RemainsSec=(parseInt(totalRemains/1000));
				 var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
				 var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
				 var RemainsFullHours=(parseInt(secInLastDay/3600));
				 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
				 var secInLastHour=secInLastDay-RemainsFullHours*3600;
				 var RemainsMinutes=(parseInt(secInLastHour/60));
				 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
				 var lastSec=secInLastHour-RemainsMinutes*60;
				 if (lastSec<10){lastSec="0"+lastSec};
				 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		 }
		 else {$(".timer").remove();}
},1000);
});

замените на:

$(document).ready(function(){
setInterval(function(){
		 var now = new Date();
		 var dEnd = new Date();
		 dEnd.setMonth(dEnd.getMonth() + 1);
		 var totalRemains = (dEnd.getTime() - now.getTime());
		 if (totalRemains>1){
				 var RemainsSec=(parseInt(totalRemains/1000));
				 var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
				 var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
				 var RemainsFullHours=(parseInt(secInLastDay/3600));
				 if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
				 var secInLastHour=secInLastDay-RemainsFullHours*3600;
				 var RemainsMinutes=(parseInt(secInLastHour/60));
				 if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
				 var lastSec=secInLastHour-RemainsMinutes*60;
				 if (lastSec<10){lastSec="0"+lastSec};
				 $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
		 }
		 else {$(".timer").remove();}
},1000);
});

и в нем измените dEnd.getTime() на секунды, то есть все дни и часы сложите в секунды, например 1404175857662

Все работает кроме:
4 пункт: хочу поставить счетчик на 3 дня - ставлю 2592000000000 - счетчик показывает 13778дн 19....ч что делаю не так?
3 пункт: рамка появилась

, а можно как-нибудь сделать ее такой(с закругленными углами)

Наверх

#167 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 01 Июнь 2014 - 11:22

feytry (31 Май 2014 - 08:08) писал:

Все работает кроме:
4 пункт: хочу поставить счетчик на 3 дня - ставлю 2592000000000 - счетчик показывает 13778дн 19....ч что делаю не так?
3 пункт: рамка появилась Прикрепленный файл

Снимок.PNG, а можно как-нибудь сделать ее такой(с закругленными углами) Прикрепленный файл

Снимок1.PNG

Здравствуйте по поводу 3-его пункта найдите в main.css

.block .timer > .digits {
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
		border: 1px solid #000;
		padding: 5px 5px 5px 15px;
		background: url('http://st.boxsend.ru/6/1164/351/clock.png') no-repeat left center;
}

замените на


.block .timer > .digits {
	  font-size: 12px;
font-weight: 700;
line-height: 12px;
border: 3px solid #BDC9BF;
padding: 5px 3px 1px 26px;
border-radius: 29px;
background: url('http://st.boxsend.ru/6/1164/351/clock.png') no-repeat left center;
background-position: 4px -1px;
}

Наверх

#168 feytry

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

Пользователи
28 сообщений

Отправлено 01 Июнь 2014 - 19:58

Ирина345 (01 Июнь 2014 - 11:22) писал:

Здравствуйте по поводу 3-его пункта найдите в main.css

.block .timer > .digits {
font-size: 12px;
font-weight: 400;
line-height: 12px;
border: 1px solid #000;
padding: 5px 5px 5px 15px;
background: url('http://st.boxsend.ru/6/1164/351/clock.png') no-repeat left center;
}

замените на


.block .timer > .digits {
font-size: 12px;
font-weight: 700;
line-height: 12px;
border: 3px solid #BDC9BF;
padding: 5px 3px 1px 26px;
border-radius: 29px;
background: url('http://st.boxsend.ru/6/1164/351/clock.png') no-repeat left center;
background-position: 4px -1px;
}

Вот спасибо отлично получилось.....а как теперь время поставить, 3 дня например. 4 пункт: хочу поставить счетчик на 3 дня - ставлю 2592000000000 - счетчик показывает 13778дн 19....ч что делаю не так?

Наверх

#169 lew

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

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

Отправлено 01 Июнь 2014 - 21:21

вместо 2592000000000 поставьте 1401906100000

Наверх

#170 Theweatherisgood

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

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

Отправлено 26 Июнь 2014 - 14:21

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

И + такой вопрос - как сделать подвал, как на изображении?

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

Наверх

#171 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 26 Июнь 2014 - 16:21

Theweatherisgood (26 Июнь 2014 - 14:21) писал:

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

И + такой вопрос - как сделать подвал, как на изображении?

Здравствуйте, по поводу подвала, найдите в HTML

		<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	   
		  </div>
		</div>

замените на


		<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	   
		  </div>
		</div>
<div class="one_fourth last column">
<h4>Способы оплаты</h4>
</div>

<div class="one_fourth last column">
<h4>Адрес</h4>
</div>

Наверх

#172 Theweatherisgood

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

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

Отправлено 26 Июнь 2014 - 18:51

Нет, не подходит. Нужно, что бы разделы встали ровно, двое по краям, один по центру. Телефоны с режимом работы нужно сделать не привязанными к основным телефонам, так как необходимо указать какой телефон за что отвечает. И нужно выровнять строки, а то например прописывая адрес все сливается в кашу. (все показано на изображении!) . И можно ли получить ответ на первый вопрос?

Наверх

#173 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 26 Июнь 2014 - 19:04

Theweatherisgood (26 Июнь 2014 - 18:51) писал:

Нет, не подходит. Нужно, что бы разделы встали ровно, двое по краям, один по центру. Телефоны с режимом работы нужно сделать не привязанными к основным телефонам, так как необходимо указать какой телефон за что отвечает. И нужно выровнять строки, а то например прописывая адрес все сливается в кашу. (все показано на изображении!) . И можно ли получить ответ на первый вопрос?

Чтобы раздвинуть разделы найдите в main.css

.last {
clear: right;
margin-right: 0 !important;
}

замените на

.last {
clear: right;
margin-right: 111px !important;
}

Чтобы разделить телефоны найдите в HTML

<div class="one_fourth last column">
				  <h4>Контакты</h4>
				  <div class="footer_links">
						{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
						{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
						{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
						{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
						{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}		 
				  </div>
				</div>

<div class="one_fourth last column">
<h4>Магазин-офис</h4>Адрес:г.Павловский Посад, площадь революции, д.6 
</div>

замените на

<div class="one_fourth last column">
				  <h4>Контакты</h4>
				  <div class="footer_links">
  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
					<span class="footer_phone"  >Первый телефон</span>
					   <span class="footer_phone"  >Второй  телефон</span>
 <span class="footer_phone"  >Третий телефон телефон</span> 
				  </div>
				</div>

<div class="one_fourth last column">
<h4>Магазин-офис</h4>
 <span class="footer_phone"  >Адрес:г.Павловский Посад, площадь революции, д.6 </span>
</div>

Наверх

#174 Theweatherisgood

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

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

Отправлено 27 Июнь 2014 - 09:35

Тоже все как то некорректно выходит. Раздвинул разделы, раздвинулся самый низ сайта, телефоны тоже эстетически неровно встают. Я не могу поверить в то что нельзя сделать В ТОЧНОСТИ как на картинке. И вопрос с блоком в шапке я так понимаю проигнорирован?
Еще всплыл один вопрос. Характеристики тоже тоже оторажаются некорректно, как их можно выровнять?

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

Наверх

#175 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 28 Июнь 2014 - 12:28

Theweatherisgood (26 Июнь 2014 - 14:21) писал:

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

И + такой вопрос - как сделать подвал, как на изображении?

Подвал как на скриншоте + иноки телефонов

В шаблоне "HTML"
Находим:

<div class="one_fourth last column">
								  <h4>Контакты</h4>
								  <div class="footer_links">
  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
										<span class="footer_phone"  >Отдел продаж: 8(965)-272-1166</span>
										<span class="footer_phone"  >Отдел продаж: 8(965)-273-1166</span>
										<span class="footer_phone"  >Опт: 8(965)-276-1166</span> 
								  </div>
								</div>
<div class="one_fourth last column">
<h4>Способы оплаты</h4>
</div>

<div class="one_fourth last column">
<h4>Магазин-офис</h4>
 <span class= >Адрес:г.Павловский Посад, площадь революции, д.6 </span>
</div>

Заменяем на:

<div class="one_fourth column">
								  <h4>Контакты</h4>
								  <div class="footer_links">
									<p>Отдел продаж:</p>
									<span class="footer_phone">8(965)-272-1166</span>
									<span class="footer_phone">8(965)-273-1166</span>
									<br>
									<p>Опт: </p>
									<span class="footer_phone">8(965)-276-1166</span>
									<br>
									<p>Услуги: </p>
									<span class="footer_phone">8(965)-***-****</span>
									<br>
								  </div>
								</div>
<div class="one_fourth column">
<h4>Способы оплаты</h4>
</div>

<div class="one_fourth column">
<h4>Магазин-офис</h4>
 <p>Адрес:</p>
 <p>г.Павловский Посад,</p>
 <p>площадь революции, д.6</p>
 <br>
 <p>Мы работаем:</p>
 <p>с 9:00 до 19:00</p>
</div>

В файле "main.css".
Найти:

.one_fourth {float: left;margin-right: 4%;position: relative;width: 22%;*width: 21%;}

Заменить:

.one_fourth {float: left;position: relative;width: 346px;*width: 21%;padding-right: 40px;}

В файле "main.css".
Найти:

.footer_time,  .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;border-bottom:1px solid #e1e1e1;font-size:12px;}

Заменить:

.footer_time,  .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;font-size:12px;}

Theweatherisgood (27 Июнь 2014 - 09:35) писал:

Тоже все как то некорректно выходит. Раздвинул разделы, раздвинулся самый низ сайта, телефоны тоже эстетически неровно встают. Я не могу поверить в то что нельзя сделать В ТОЧНОСТИ как на картинке. И вопрос с блоком в шапке я так понимаю проигнорирован?
Еще всплыл один вопрос. Характеристики тоже тоже оторажаются некорректно, как их можно выровнять?

Уточните на скриншоте как бы вы хотели чтобы было.

Наверх

#176 Theweatherisgood

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

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

Отправлено 28 Июнь 2014 - 13:21

Спасибо, так подойдет. Только вот посмотрите сам низ (ПОДподвал как бы) сайта разъехался где начинается с

Наверх

#177 MikDark

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

Модераторы
6 468 сообщений

Отправлено 28 Июнь 2014 - 15:32

Theweatherisgood (28 Июнь 2014 - 13:21) писал:

Спасибо, так подойдет. Только вот посмотрите сам низ (ПОДподвал как бы) сайта разъехался где начинается с

Можно. Для этого в шаблоне HTML ищем код:

  <div id="powered">
	  <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
	  <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	  <div class="inner">Все права защищены</div>
	  <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
	</div>

и меняем на:

  <div id="powered">
	  <div class="inner" style="float:left">&copy; {DATE_YEAR} {SETTINGS_STORE_ORG_NAME} Все права защищены</div> 
	  <div class="inner" style="float:right">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
	</div>

Наверх

#178 Theweatherisgood

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

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

Отправлено 28 Июнь 2014 - 15:52

Получилось не в одну строку.

Наверх

#179 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 28 Июнь 2014 - 16:10

Theweatherisgood (28 Июнь 2014 - 15:52) писал:

Получилось не в одну строку.

В шаблоне "HTML"
Находим:

   <div id="powered">
		  <div class="inner" style="float:left">&copy; {DATE_YEAR} {SETTINGS_STORE_ORG_NAME} Все права защищены.</div> 
		  <div class="inner" style="float:right">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
		  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
		</div>

Заменяем на:

<div id="powered">
	  <div class="inner">
		<span style="float:left">&copy; {DATE_YEAR} {SETTINGS_STORE_ORG_NAME} Все права защищены.</span>
		<span style="float:right">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</span>
		<span>{SETTINGS_STORE_HTML_CODE}</span>
	  </div>
	</div>