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


Мелкие Вопросы По Главной Странице

Автор antik13, 15 окт. 2014 17:03

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

#1 antik13

antik13

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

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

Отправлено 15 Октябрь 2014 - 17:03

Добрый день! Решил не открывать тему для каждого запроса, опишу свои вопросы тут

1. Возможно ли добавить в шапку второй номер телефона?

2. Как заменить слово "Звоните" рядом с телефонным номером?

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

4. Как можно убрать форму обратного звонка из подвала?

5. Как сделать картинки на главной адаптивными , чтобы при сужении окна они выстраивались в столбик а не как на скрине?

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

  • 1.JPG
  • 2.JPG

#2 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2014 - 01:03

1. Добавьте второй номер в разделе Настройки - Основные
2. Сайт - Редактор шаблонов - HTML - найдите и замените данную фразу
3. Инструкция по установке обратного звонка:
http://forum.storela...на/#entry139770
4.В шаблоне HTML найдите и удалите:
<div class="cols col-4 pad10 must100">
		  <h3 class="footheader ftheme-color">Заказ обратного звонка</h3>		   
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();">
				   <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}		   
					<div class="form feedb">					 
						<div class="feedblabel" >
						  <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label>						   
						</div>
						<div>
						  <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>						 
						</div>				
						<div class="feedblabel">
						<label for="callback_phone" class="required">Телефон<em>*</em></label>						
						</div>
						<div>
						 <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>					   
						</div>
						<div class="feedblabel">
						   <label for="callback_comment">Комментарий</label>
						</div>
						<div>						
						   <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea>						 
						</div>										   
					</div>			
				  <div class="indexfeedb">		
					<div class="indexfeedb_button">
						{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %}
					</div>
				  </div>
				</form>
		</div><!--END cols col-4-->
5. В контенте страницы нажмите источник и картинкам задайте сл.дополнительные пример, было:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);">
стало:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);float:left; max-width:155px;">

т.е. мы добавили float:left; max-width:155px;

#3 antik13

antik13

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

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

Отправлено 18 Октябрь 2014 - 01:29

Просмотр сообщенияVaccina (18 Октябрь 2014 - 01:03) писал:

1. Добавьте второй номер в разделе Настройки - Основные
2. Сайт - Редактор шаблонов - HTML - найдите и замените данную фразу
3. Инструкция по установке обратного звонка:
http://forum.storela...на/#entry139770
4.В шаблоне HTML найдите и удалите:
<div class="cols col-4 pad10 must100">
		 <h3 class="footheader ftheme-color">Заказ обратного звонка</h3>		
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();">
				 <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}		
				 <div class="form feedb">					
					 <div class="feedblabel" >
						 <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label>						
					 </div>
					 <div>
						 <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>						
					 </div>				
					 <div class="feedblabel">
					 <label for="callback_phone" class="required">Телефон<em>*</em></label>						
					 </div>
					 <div>
						 <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>					
					 </div>
					 <div class="feedblabel">
						 <label for="callback_comment">Комментарий</label>
					 </div>
					 <div>						
						 <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea>						
					 </div>										
				 </div>			
				 <div class="indexfeedb">		
				 <div class="indexfeedb_button">
					 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %}
				 </div>
				 </div>
			 </form>
	 </div><!--END cols col-4-->
5. В контенте страницы нажмите источник и картинкам задайте сл.дополнительные пример, было:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);">
стало:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);float:left; max-width:155px;">

т.е. мы добавили float:left; max-width:155px;


1. Второй номер телефона не появляется сверху в шапке, а только в подвале , возможно ли это исправить?

2.Спасибо!
3. Буду изучать, спасибо!
4. Спасибо!

5. Проверил и выяснил что мне нужна даже не адаптивная картинка, а адаптивная таблица. В каждой ячейке у меня размещена картинка + текст, соответственно при сужении странницы(или на моб версии) нужно чтобы ячейки переходили в столбик, а не заезжали за границы. Подскажите, пожалуйста, как это можно реализовать

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

  • Снимок.PNG
  • 400.PNG

#4 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2014 - 01:56

1. В шаблоне HTML найдите:
<!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						   <div>
						  <a href="#" class="myButton">brown</a>

													   </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
					   
		  </div><!--END cols col-4-->
замените на:
<!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						   <div>
						  <a href="#" class="myButton">brown</a>

													   </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
	  <!-- Второй контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1">
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER2}
							</a>
						  </div>
						   <div>
						  <a href="#" class="myButton">brown</a>

													   </div>
						{% ENDIF %}
						<!--END Второй контактный телефон -->
					   
		  </div><!--END cols col-4-->

5.лучше вместо таблицы использовать блоки <div style="float:left;">текст</div>

#5 antik13

antik13

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

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

Отправлено 18 Октябрь 2014 - 03:20

Просмотр сообщенияVaccina (18 Октябрь 2014 - 01:56) писал:

1. В шаблоне HTML найдите:
<!-- Первый контактный телефон -->
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span>
						 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							 {SETTINGS_STORE_PHONE_NUMBER1}
						 </a>
						 </div>
						 <div>
						 <a href="#" class="myButton">brown</a>

													 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->
					
		 </div><!--END cols col-4-->
замените на:
<!-- Первый контактный телефон -->
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span>
						 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							 {SETTINGS_STORE_PHONE_NUMBER1}
						 </a>
						 </div>
						 <div>
						 <a href="#" class="myButton">brown</a>

													 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->
	 <!-- Второй контактный телефон -->
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						
						 <div class="hph1">
						 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
							 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
							 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
							 {SETTINGS_STORE_PHONE_NUMBER2}
						 </a>
						 </div>
						 <div>
						 <a href="#" class="myButton">brown</a>

													 </div>
					 {% ENDIF %}
					 <!--END Второй контактный телефон -->
					
		 </div><!--END cols col-4-->

5.лучше вместо таблицы использовать блоки <div style="float:left;">текст</div>


1. Спасибо!

2. Думаю, тут без таблицы не обойтись тк нужно выравнивание иконок по центру с соответственным выравниванием текста, относящимся к ним. Пытался по Вашему совету разобраться посредством <div style="float:left;">текст</div>  но видимо кривые руки

#6 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2014 - 03:25

2. Выравнивание информации внутри блока выполняется с помощью стиля text-align:center;, пример с блоком конкретного размера:
<div style="float:left; text-align:center; width:150px;">текст</div>
(width - ширина блока)

#7 antik13

antik13

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

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

Отправлено 18 Октябрь 2014 - 13:01

Просмотр сообщенияVaccina (18 Октябрь 2014 - 03:25) писал:

2. Выравнивание информации внутри блока выполняется с помощью стиля text-align:center;, пример с блоком конкретного размера:
<div style="float:left; text-align:center; width:150px;">текст</div>
(width - ширина блока)

Кажется, все получилось, спасибо Вам большое

#8 antik13

antik13

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

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

Отправлено 19 Октябрь 2014 - 14:43

6. Подскажите, пожалуйста как можно вставить картинку в выделенную на скрине желтым область

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

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

  • 123.PNG

#9 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 19 Октябрь 2014 - 15:04

Просмотр сообщенияantik13 (19 Октябрь 2014 - 14:43) писал:

6. Подскажите, пожалуйста как можно вставить картинку в выделенную на скрине желтым область

Заранее благодарю!
Здравствуйте.
В шаблоне html перед строкой
		 <!--Список Хитов продаж на главной-->
Вставьте
<div class="kartnagl"><img src="{ASSETS_IMAGES_PATH}Название картинки?design=chameleon"/></div>
Далее в main.css вставьте код 
.kartnagl img {
width:100%;
}
.kartnagl {
width:100%;
}
Желательная ширина картинки 1332px, а высота на Ваше усмотрение.

#10 antik13

antik13

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

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

Отправлено 19 Октябрь 2014 - 16:08

Просмотр сообщенияDanil (19 Октябрь 2014 - 15:04) писал:

Здравствуйте.
В шаблоне html перед строкой
		 <!--Список Хитов продаж на главной-->
Вставьте
<div class="kartnagl"><img src="{ASSETS_IMAGES_PATH}Название картинки?design=chameleon"/></div>
Далее в main.css вставьте код 
.kartnagl img {
width:100%;
}
.kartnagl {
width:100%;
}
Желательная ширина картинки 1332px, а высота на Ваше усмотрение.

Получилось замечательно, спасибо большое!

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

  • Снимок.PNG

#11 antik13

antik13

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

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

Отправлено 29 Октябрь 2014 - 18:04

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

Заранее спасибо

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

  • Capture.JPG

#12 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 18:50

Просмотр сообщенияantik13 (29 Октябрь 2014 - 18:04) писал:

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

Заранее спасибо
Здравствуйте. В main.css замените
.page_title {
border-bottom: 1px dotted;
padding: 0 0 15px 0;
}
на
.page_title {
border-bottom: 1px dotted;
padding: 0 0 15px 0;
text-align: center;
}

#13 antik13

antik13

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

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

Отправлено 30 Октябрь 2014 - 14:10

Просмотр сообщенияAlekseys (29 Октябрь 2014 - 18:50) писал:

Здравствуйте. В main.css замените
.page_title {
border-bottom: 1px dotted;
padding: 0 0 15px 0;
}
на
.page_title {
border-bottom: 1px dotted;
padding: 0 0 15px 0;
text-align: center;
}

Спасибо за помощь

#14 antik13

antik13

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

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

Отправлено 31 Октябрь 2014 - 00:44

8. Подскажите, как поднять зеленым выделенную область на несколько пикселей до уровня корзины (синяя линия)
Из за того что кнопка, телефон и корзина расположены не на одинаковом уровне возникает такой съезд при открытии на планешете и моб. устройстве

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

  • 8 копия.png
  • JkFXGtVNbW8.jpg

#15 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2014 - 03:36

В main.css найдите:
.myButton {
	background-color: transparent;
	border: 1px solid #ffffff;
	box-shadow: 0 0 0 0 #7f3e48 inset;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: Open Sans Condensed;
	font-size: 18px;
	font-weight: normal;
	padding: 11px 26px;
	text-decoration: none;
}
добавьте сюда стиль margin-top  с отрицательным значением, пример:
.myButton {
	background-color: transparent;
	border: 1px solid #ffffff;
	box-shadow: 0 0 0 0 #7f3e48 inset;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: Open Sans Condensed;
	font-size: 18px;
	font-weight: normal;
	padding: 11px 26px;
	text-decoration: none;
	margin-top:-3px;
}

#16 dele7

dele7

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

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

Отправлено 31 Октябрь 2014 - 21:50

подскажите пожалуйста как поставить фон собственный(картинку)?

#17 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Октябрь 2014 - 22:44

Просмотр сообщенияdele7 (31 Октябрь 2014 - 21:50) писал:

подскажите пожалуйста как поставить фон собственный(картинку)?
Здравствуйте.
Вам нужно загрузить картинку в редактор шаблонов и поменять у загруженной картинки название на bg.jpg

#18 dele7

dele7

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

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

Отправлено 31 Октябрь 2014 - 22:47

что то ничего не изменилось....

#19 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Октябрь 2014 - 22:54

Просмотр сообщенияdele7 (31 Октябрь 2014 - 22:47) писал:

что то ничего не изменилось....
Вы загрузили картинку в раздел Сайт--Редактор шаблонов--кнопка добавить файл, после этого вам нужно переименовать данную картинку bg.jpg, старое название мы переименуйте.

#20 dele7

dele7

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

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

Отправлено 31 Октябрь 2014 - 23:00

((((((((ничего не получилось все равно..посмотрите пожалуйста аккуант SL-316679
Обратно в Главная


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

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

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