Отключен JavaScript

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

2

Изменение Главной Страницыт

Автор sadmagazin, 17 июня 2015 22:49

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

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

#1 sadmagazin

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

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

Отправлено 17 Июнь 2015 - 22:49

Здравствуйте!

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

1. нужно после слайдера поставить ссылки на статистические страницы и иконки перед ними... имеющиеся стандартный блок после слайдера до текста на главной нужно удалить...

2. вставить 3 баннера на всю страницу так же как на скрине.

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

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

Наверх

#2 alexmark

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

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

Отправлено 18 Июнь 2015 - 00:23

Подскажите как сделать текст на главной перед товарами на главной?

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

Наверх

#3 Vaccina

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

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

Отправлено 18 Июнь 2015 - 01:57

sadmagazin (17 Июнь 2015 - 22:49) писал:

Здравствуйте!

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

1. нужно после слайдера поставить ссылки на статистические страницы и иконки перед ними... имеющиеся стандартный блок после слайдера до текста на главной нужно удалить...

2. вставить 3 баннера на всю страницу так же как на скрине.

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

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

<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block free-shipping col-xs-3 col-md-6">
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</div>
			<div class="block money-back col-xs-3 col-md-6">
			  <div class="block-title"><span>Гарантия низкой цены</span></div>
			  <div class="block-content">Только у нас Вы получаете самые низкие цены в городе + супер подарок  - туристический чемодан стоимостью 100$!</div>
			</div>
			<div class="block orders-247 col-xs-3 col-md-6">
			  <div class="block-title"><span>Бронирование туров 24/7</span></div>
			  <div class="block-content">Выбрали тур, но осталось мало мест? Вышлите нам письмо с темой "БРОНЬ" и мы забронируем Ваш тур в любое время суток!</div>
			</div>
			<div class="block secured-payment col-xs-3 col-md-6">
			  <div class="block-title"><span>Визовая поддержка</span></div>
			  <div class="block-content">Поможем Вам получить нужную визу в кратчайшие сроки без посещения посольства! Виза "Под ключ"!</div>
			</div>
		  </div>
		</div>
	  </div>

замените на:

<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
   <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
   <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
   <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
   <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
   <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			  <div class="block-title"><span>Трансферы в аэропорты</span></div>
			  <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
			</a></div>
			</div>
		  </div>
		</div>
	  </div>

в измененном блоке подставьте необходимые текст и ссылки

2. на данный момент у вас присутствуют баннеры, актуален ли вопрос?

alexmark (18 Июнь 2015 - 00:23) писал:

Подскажите как сделать текст на главной перед товарами на главной?

В шаблоне HTML после:

</div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->

вставьте:

{% IF index_page %}
<div class="wrap" id="topsl">
		<div class="container">
		  <div class="row-fluid">		   
			Ваш текст
		  </div>
	</div>
	</div>
{% ENDIF %}

Наверх

#4 alexmark

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

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

Отправлено 18 Июнь 2015 - 03:24

Спасибо Вам огромное, работает. Только бы текст еще возможно было бы отредактировать с заглавными строками там и так далее, ну как в школе учили)
LS-347758

Наверх

#5 Vaccina

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

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

Отправлено 18 Июнь 2015 - 03:47

Немного не поняла вас =)
Если вы хотите сделать в тексте перенос строки, то в необходимом для переноса месте вставьте: <br/>
Чтобы текст был жирным используйте: <strong>здесь будет выделенный текст</strong>

Самое простое это в разделе Сайт - Страницы создать тестовую страницу оформить как необходимо текст, далее нажать в редакторе описания "Источник" и скопировать полученный код с текстом и вставить в шаблон HTML

Наверх

#6 alexmark

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

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

Отправлено 18 Июнь 2015 - 04:16

Спасибо огромное. Все получилось. Второй вариант подошел идеально!

Наверх

#7 sadmagazin

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

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

Отправлено 18 Июнь 2015 - 17:20

Vaccina (18 Июнь 2015 - 01:57) писал:

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

<!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap">
	 <div class="container">
		 <div class="row-fluid">
		 <div class="block free-shipping col-xs-3 col-md-6">
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </div>
		 <div class="block money-back col-xs-3 col-md-6">
			 <div class="block-title"><span>Гарантия низкой цены</span></div>
			 <div class="block-content">Только у нас Вы получаете самые низкие цены в городе + супер подарок - туристический чемодан стоимостью 100$!</div>
		 </div>
		 <div class="block orders-247 col-xs-3 col-md-6">
			 <div class="block-title"><span>Бронирование туров 24/7</span></div>
			 <div class="block-content">Выбрали тур, но осталось мало мест? Вышлите нам письмо с темой "БРОНЬ" и мы забронируем Ваш тур в любое время суток!</div>
		 </div>
		 <div class="block secured-payment col-xs-3 col-md-6">
			 <div class="block-title"><span>Визовая поддержка</span></div>
			 <div class="block-content">Поможем Вам получить нужную визу в кратчайшие сроки без посещения посольства! Виза "Под ключ"!</div>
		 </div>
		 </div>
	 </div>
	 </div>

замените на:

<!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap">
	 <div class="container">
		 <div class="row-fluid">
		 <div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
<div class="block col-xs-2 col-md-6"><a href="ссылка">
	 <div class="block-img"><img alt="" src="ссылка на картинку"></div>
			 <div class="block-title"><span>Трансферы в аэропорты</span></div>
			 <div class="block-content">Организовываем трансферы в аэропорт и обратно!</div>
		 </a></div>
		 </div>
		 </div>
	 </div>
	 </div>

в измененном блоке подставьте необходимые текст и ссылки

2. на данный момент у вас присутствуют баннеры, актуален ли вопрос?

В шаблоне HTML после:

</div>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->

вставьте:

{% IF index_page %}
<div class="wrap" id="topsl">
	 <div class="container">
		 <div class="row-fluid">		
		 Ваш текст
		 </div>
</div>
</div>
{% ENDIF %}

2-ой вопрос актуален!

Наверх

#8 sadmagazin

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

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

Отправлено 18 Июнь 2015 - 19:24

И как значки удалить... на скрине отметили

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

Наверх

#9 Danil

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

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

Отправлено 18 Июнь 2015 - 19:35

sadmagazin (18 Июнь 2015 - 19:24) писал:

И как значки удалить... на скрине отметили

В main.css найдите код

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 106px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

и замените на

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 56px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}

Наверх

#10 sadmagazin

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

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

Отправлено 18 Июнь 2015 - 19:57

Danil (18 Июнь 2015 - 19:35) писал:

В main.css найдите код

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 106px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

и замените на

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 56px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}

Вот это момент помогите исправить (на скрине) : http://prntscr.com/7ihb3d

Наверх

#11 Danil

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

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

Отправлено 18 Июнь 2015 - 20:00

sadmagazin (18 Июнь 2015 - 19:57) писал:

Вот это момент помогите исправить (на скрине) : http://prntscr.com/7ihb3d

В замененном коде найдите строку

#topsl .block {padding: 56px 1% 0;text-align: center;display:block;}

и замените на

#topsl .block {padding: 0px 1% 0;text-align: center;display:block;}

Наверх

#12 VladimirIvanushkin

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

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

Отправлено 20 Октябрь 2017 - 16:56

Здравствуйте, как на главной странице разместить товары "Новинки", "Хиты продаж", "Акции" ?

Наверх

#13 Vaccina

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

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

Отправлено 21 Октябрь 2017 - 08:14

Здравствуйте.

Зайдите в раздел Товары - Товары - Особый раздел - добавьте товары в данные категории.

Наверх

#14 VladimirIvanushkin

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

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

Отправлено 22 Октябрь 2017 - 14:39

Здравствуйте, помогите поменять вид каталога товаров как на примере, чтобы больше категорий вошло, спасибо. Аккаунт SL-424967

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

Наверх

#15 RayLi

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

Модераторы
2 864 сообщений

Отправлено 22 Октябрь 2017 - 15:00

VladimirIvanushkin (22 Октябрь 2017 - 14:39) писал:

Здравствуйте, помогите поменять вид каталога товаров как на примере, чтобы больше категорий вошло, спасибо. Аккаунт SL-424967

Здравствуйте.
Если мы правильно Вас понимаем, то в данном случае Вам необходимо в шаблоне main.css найти следующий код:

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: static;
	text-align: left;
	padding: 21px 5px 21px 0px;
}

И заменить его вот этим вот кодом:

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: static;
	text-align: center;
	padding: 21px 5px 21px 0px;
	width: 150px;
}

Наверх

#16 VladimirIvanushkin

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

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

Отправлено 22 Октябрь 2017 - 16:11

RayLi (22 Октябрь 2017 - 15:00) писал:

Здравствуйте.
Если мы правильно Вас понимаем, то в данном случае Вам необходимо в шаблоне main.css найти следующий код:

#custommenu ul.mainnav li.level0 {
display: block;
float: left;
border: none;
position: static;
text-align: left;
padding: 21px 5px 21px 0px;
}

И заменить его вот этим вот кодом:

#custommenu ul.mainnav li.level0 {
display: block;
float: left;
border: none;
position: static;
text-align: center;
padding: 21px 5px 21px 0px;
width: 150px;
}

Изменил, ничего не поменялось...

Наверх

#17 RayLi

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

Модераторы
2 864 сообщений

Отправлено 22 Октябрь 2017 - 19:03

VladimirIvanushkin (22 Октябрь 2017 - 16:11) писал:

Изменил, ничего не поменялось...

На данный момент изменения на Вашем сайте в силе.
Если же у вас не видны полученные изменения, то в таком случае мы настоятельно советуем Вам очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
Проверьте, пожалуйста.

Наверх

#18 VladimirIvanushkin

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

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

Отправлено 22 Октябрь 2017 - 19:07

Спасибо, теперь изменилось

RayLi (22 Октябрь 2017 - 19:03) писал:

На данный момент изменения на Вашем сайте в силе.
Если же у вас не видны полученные изменения, то в таком случае мы настоятельно советуем Вам очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
Проверьте, пожалуйста.

Спасибо, все получилось