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


Возможно Сделать Так?


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

#21 Alan

Alan

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

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

Отправлено 30 Сентябрь 2014 - 09:30

Просмотр сообщенияVaccina (30 Сентябрь 2014 - 06:43) писал:

в шаблоне HTML перед:
</div>
</div>
</div>
<div class="row">
				 <div class="cols col-12">
									 <div class="customNavigation">

вставляем:
<div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
</div>

далее в main.css находим:
#module_area {
margin: 0 auto;
width: 100%;
}
меняем на:
.right_ban {
width: 30%;
float: right;
}
#module_area {
float: left;
margin: 0 auto;
width: 70%;
}
не могу найти эту строчку "<div class="customNavigation">"

</div>
</div>
</div>
<div class="row">
                                  <div class="cols col-12">
это все есть, а вот последней строчки нет..

#22 Ирина345

Ирина345

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

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

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

Просмотр сообщенияAlan (30 Сентябрь 2014 - 09:30) писал:

не могу найти эту строчку "<div class="customNavigation">"

</div>
</div>
</div>
<div class="row">
  <div class="cols col-12">
это все есть, а вот последней строчки нет..
Здравствуйте, попробуйте вставить код для банера  из сообщения выше  перед строчками
 <!-- /Главная страница -->
			</div>
		  </div><!-- END cols col-12 -->
		</div>   <!-- END cols row --> 


#23 Alan

Alan

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

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

Отправлено 30 Сентябрь 2014 - 15:24

Просмотр сообщенияИрина345 (30 Сентябрь 2014 - 14:30) писал:

Здравствуйте, попробуйте вставить код для банера  из сообщения выше  перед строчками
<!-- /Главная страница -->
</div>
</div><!-- END cols col-12 -->
</div> <!-- END cols row --> 
1000 извинений а возможно сделать так..? по бокам чтобы было по 2-а раздела также а в центре слайдер?

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

  • Безымянный.jpg


#24 AnnaM

AnnaM

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

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

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

Просмотр сообщенияAlan (30 Сентябрь 2014 - 15:24) писал:

1000 извинений а возможно сделать так..? по бокам чтобы было по 2-а раздела также а в центре слайдер?
Уточните,пожалуйста, какие разделы необходимо разместить таким образом. И еще,это будет часть слайдера кликабельная или изображение слайдера только между разделами.

#25 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 16:28

Просмотр сообщенияAlan (30 Сентябрь 2014 - 15:24) писал:

1000 извинений а возможно сделать так..? по бокам чтобы было по 2-а раздела также а в центре слайдер?
Найдите
   <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area"> 
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					 
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
			  <div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
</div>
		<!-- /Главная страница -->
замените на

 <!-- Главная страница -->
	<div class="right_ban">
   <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
   <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a></div>
			  {% IF index_page %}
				<div id="module_area"> 
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					 
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
			  <div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>

</div>
		<!-- /Главная страница -->


в main.css найдите

.right_ban {
width: 30%;
float: right;
}
#module_area {
float: left;
margin: 0 auto;
width: 70%;
}
замените на

.right_ban {
width: 30%;
float: left;
}
#module_area {
float: left;
margin: 0 auto;
width: 40%;
}


#26 Alan

Alan

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

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

Отправлено 30 Сентябрь 2014 - 16:33

Просмотр сообщенияИрина345 (30 Сентябрь 2014 - 16:28) писал:

Найдите
<!-- Главная страница -->
{% IF index_page %}
<div id="module_area">
<div id="flexslideshow" class="flexslider">
<ul class="slides">
<li>
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
</div>
<!-- /Главная страница -->
замените на

<!-- Главная страница -->
<div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a></div>
{% IF index_page %}
<div id="module_area">
<div id="flexslideshow" class="flexslider">
<ul class="slides">
<li>
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>

</div>
<!-- /Главная страница -->


в main.css найдите

.right_ban {
width: 30%;
float: right;
}
#module_area {
float: left;
margin: 0 auto;
width: 70%;
}
замените на

.right_ban {
width: 30%;
float: left;
}
#module_area {
float: left;
margin: 0 auto;
width: 40%;
}
смотрите как получилось..

Просмотр сообщенияAnnaM (30 Сентябрь 2014 - 16:14) писал:

Уточните,пожалуйста, какие разделы необходимо разместить таким образом. И еще,это будет часть слайдера кликабельная или изображение слайдера только между разделами.
это будут кликабельные разные изображения и на них будут написано спец предложения , о нас , и так далее..)

#27 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 16:51

Просмотр сообщенияAlan (30 Сентябрь 2014 - 16:33) писал:

смотрите как получилось..


это будут кликабельные разные изображения и на них будут написано спец предложения , о нас , и так далее..)
Вы не выполнили инструкцию полностью
произведите изменения в файле main.css согласно сообщению выше.

#28 Alan

Alan

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

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

Отправлено 30 Сентябрь 2014 - 17:01

Просмотр сообщенияИрина345 (30 Сентябрь 2014 - 16:51) писал:

Вы не выполнили инструкцию полностью
произведите изменения в файле main.css согласно сообщению выше.
че то слайдер по центру маленький очень..в высоту в низ можно растянуть как то?

#29 Alekseys

Alekseys

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

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

Отправлено 30 Сентябрь 2014 - 17:06

Просмотр сообщенияAlan (30 Сентябрь 2014 - 17:01) писал:

че то слайдер по центру маленький очень..
В main.css замените
.right_ban {
width: 30%;
float: left;
}
на
.right_ban {
width: 20%;
float: left;
}
а
#module_area {
float: left;
margin: 0 auto;
width: 40%;
}
на
#module_area {
float: left;
margin: 0 auto;
width: 60%;
}
меняя в этих блоках параметры width: 60%; и width: 20%; можете выставить нужный Вам размер блоков.

#30 dele7

dele7

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

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

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

День добрый! помогите изменить внешний вид меню :
- мне нужно каталог сделать вправо, но поверх слайдера! аккуант sl-316679
Изображение

#31 Наталья11111

Наталья11111

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

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

Отправлено 31 Март 2015 - 13:03

Просмотр сообщенияAlekseys (30 Сентябрь 2014 - 17:06) писал:

В main.css замените
.right_ban {
width: 30%;
float: left;
}
на
.right_ban {
width: 20%;
float: left;
}
а
#module_area {
float: left;
margin: 0 auto;
width: 40%;
}
на
#module_area {
float: left;
margin: 0 auto;
width: 60%;
}
меняя в этих блоках параметры width: 60%; и width: 20%; можете выставить нужный Вам размер блоков.

День добрый!
А как сделать чтобы  баннеры по бокам слайдера показывались только на главной странице?

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

#32 Наталья11111

Наталья11111

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

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

Отправлено 31 Март 2015 - 13:47

И еще вопрос, какие теперь размеры у слайдера будут?

#33 Наталья11111

Наталья11111

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

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

Отправлено 31 Март 2015 - 15:53

Помогите пожалуйста поправить:

1. Сделать так, что бы баннеры, которые будут располагаться на главной странице показывались только на ней.
2. Помогите корректно поменять местами текст на главной с блоками ТОВАРЫ НА ГЛАВНОЙ,  НОВИНКИ, ХИТЫ ПРОДАЖ  в указанной последовательности, а то я что то не так сделала, теперь на всех страницах заголовки блоков сверху высвечиваются.
3. Установить кнопку выбора количества заказываемого товара на главной в блоках ТОВАРЫ НА ГЛАВНОЙ,  НОВИНКИ, ХИТЫ ПРОДАЖ и в категориях как в карточке, чтобы покупатель мог оформить заказ сразу, не делая лишних телодвижений.
4. Разделить верхнее меню и шапку сайта тонкой белой полосой.

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

#34 Наталья11111

Наталья11111

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

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

Отправлено 31 Март 2015 - 17:59

Аккаунт SL-298479

#35 Наталья11111

Наталья11111

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

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

Отправлено 01 Апрель 2015 - 00:08

Кто нибудь поможет?

#36 Наталья11111

Наталья11111

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

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

Отправлено 01 Апрель 2015 - 10:25

Кто - нибудь помогите пожалуйста, второй день сайтом клиентов пугаю)))

#37 Alekseys

Alekseys

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

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

Отправлено 01 Апрель 2015 - 15:01

Просмотр сообщенияНаталья11111 (01 Апрель 2015 - 10:25) писал:

Кто - нибудь помогите пожалуйста, второй день сайтом клиентов пугаю)))
Здравствуйте. В main.css замените
.header.theme-color {
  background-color: #3A5FCD;
}
на
.header.theme-color {
  background-color: #3A5FCD;
  border-bottom: 3px white solid;
}
уточните, какие вопросы еще актуальны.

#38 Наталья11111

Наталья11111

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

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

Отправлено 01 Апрель 2015 - 15:30

Спасибо Вам огромное))))

Подскажите, какие размеры будут у слайдера после изменений , а также баннеры на главной http://akwaservis.ru/
и баннеры на остальных страницах. http://akwaservis.ru/catalog

#39 Alekseys

Alekseys

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

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

Отправлено 01 Апрель 2015 - 15:33

Просмотр сообщенияНаталья11111 (01 Апрель 2015 - 15:30) писал:

Спасибо Вам огромное))))

Подскажите, какие размеры будут у слайдера после изменений , а также баннеры на главной http://akwaservis.ru/
и баннеры на остальных страницах. http://akwaservis.ru/catalog
Уточните пожалуйста, после каких изменений.

#40 Наталья11111

Наталья11111

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

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

Отправлено 01 Апрель 2015 - 16:29

Вот инструкция

ИзображениеAlan (30 September 2014 - 16:24) писал:


1000 извинений а возможно сделать так..? по бокам чтобы было по 2-а раздела также а в центре слайдер?

Найдите
   <!-- Главная страница -->
                          {% IF index_page %}
                                <div id="module_area">
                                  <div id="flexslideshow" class="flexslider">
                                        <ul class="slides">
                                          <li>                                    
                                                <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
                                          </li>
                                          <li>                                    
                                                <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
                                          </li>
                                          <li>                                  
                                                <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
                                          </li>
                                        </ul>
                                  </div>
                                </div>
                          {% ENDIF %}
                          <div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>
</div>
                <!-- /Главная страница -->
замените на

<!-- Главная страница -->
        <div class="right_ban">
   <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
   <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a></div>
                          {% IF index_page %}
                                <div id="module_area">
                                  <div id="flexslideshow" class="flexslider">
                                        <ul class="slides">
                                          <li>                                    
                                                <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
                                          </li>
                                          <li>                                    
                                                <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
                                          </li>
                                          <li>                                  
                                                <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
                                          </li>
                                        </ul>
                                  </div>
                                </div>
                          {% ENDIF %}
                          <div class="right_ban">
<a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a>
<a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a>

</div>
                <!-- /Главная страница -->


в main.css найдите

.right_ban {
width: 30%;
float: right;
}
#module_area {
float: left;
margin: 0 auto;
width: 70%;
}
замените на

.right_ban {
width: 30%;
float: left;
}
#module_area {
float: left;
margin: 0 auto;
width: 40%;
}

Только у меня в main.css такие параметры

.right_ban {
width: 20%;
float: left;
}
#module_area {
float: left;
margin: 0 auto;
width: 60%;
}




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

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