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


Помощь Со Стилями

Автор kalina94ua, 24 дек. 2015 21:04

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

#1 kalina94ua

kalina94ua

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

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

Отправлено 24 Декабрь 2015 - 21:04

Здравствуйте, как изменить цвета?
1)
Безымянный.jpg

2.jpg

2)
И как можно заменить стандартный фон, на свою картинку?

3) Как заменить слайдер на такой ( http://www.jssor.com...-gallery.slider ) пробовал получить ихний код, но не получается. ( может подробней расскажете , как получить такой слайдер )

#2 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2015 - 07:02

1. В main.css найдите:
#search_mini_form input {
	background: #F0FFFF;
	color: #CCC;
	border: medium none;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 200px;
	padding-left: 10px;
	padding-right: 30px;
}

в нем измените значение color или background, в зависимости от того хотите ли вы поменять цвет текста или фона поля поиска, для подвала в main.css добавьте:
#footer-middle .inputText {
	color: #000;
	background: #fff;
}

2. В main.css найдите:
#wrapper {
	background: rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 0;
	min-height: 1000px;
}

замените на:
#wrapper {
	background: url('ссылка на фон');
	position: relative;
	z-index: 0;
	min-height: 1000px;
}
и текст замените на ссылку

3. Инструкция по реализации:
http://forum.storela..._20#entry220681

#3 kalina94ua

kalina94ua

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

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

Отправлено 30 Декабрь 2015 - 00:42

Просмотр сообщенияVaccina (25 Декабрь 2015 - 07:02) писал:

1. В main.css найдите:
 #search_mini_form input { background: #F0FFFF; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 200px; padding-left: 10px; padding-right: 30px; }
в нем измените значение color или background, в зависимости от того хотите ли вы поменять цвет текста или фона поля поиска, для подвала в main.css добавьте:
 #footer-middle .inputText { color: #000; background: #fff; }
2. В main.css найдите:
 #wrapper { background: rgba(0, 0, 0, 0.1); position: relative; z-index: 0; min-height: 1000px; }
замените на:
 #wrapper { background: url('ссылка на фон'); position: relative; z-index: 0; min-height: 1000px; }
и текст замените на ссылку 3. Инструкция по реализации: http://forum.storela..._20#entry220681


Во всем разобрался,кроме слайдера. Никак не могу понять,как его вставить в шаблон

#4 Юля123

Юля123

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

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

Отправлено 30 Декабрь 2015 - 12:46

Просмотр сообщенияkalina94ua (30 Декабрь 2015 - 00:42) писал:

Во всем разобрался,кроме слайдера. Никак не могу понять,как его вставить в шаблон


Здравствуйте, предлагаю Вам установить вот такой слайдер.  Он похож на тот, что присылали Вы, но при этом "легче" и проще в установке. Для этого Вам необходимо загрузить все файлы из этой папки у себя в админке:
Прикрепленный файл  Слайдер.zip   21,11К   110 Количество загрузок:



Затем изменяем шаблон HTML.

1) Найдите код:

	<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=dark"></script>

и замените на код:

	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
   <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />


затем найдите код:

	<!-- Запуск слайдера -->
	{% IF index_page %}
	<script>
	  $(function(){ slideShow()});
	</script>
	{% ENDIF %}

и замените на код:

<style type="text/css">
@font-face {
  font-family: 'flexslider-icon';
  src: url('/design/flexslider-icon.ttf');
  font-weight: normal;
  font-style: normal;
}
</style>


затем код:

	  <!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

замените на код:


<!-- Флекс-слайдер -->
<div id="slider" class="flexslider">
  <ul class="slides">
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
	</li>
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
	</li>
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
	</li>
	<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
<div id="carousel" class="flexslider">
  <ul class="slides">
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
	</li>
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
	</li>
	<li>
	  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
	</li>
	<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
<script>
$(window).load(function() {
  // The slider being synced must be initialized first
  $('#carousel').flexslider({
	animation: "slide",
	controlNav: false,
	animationLoop: false,
	slideshow: false,
	itemWidth: 210,
	itemMargin: 5,
	asNavFor: '#slider'
  });

  $('#slider').flexslider({
	animation: "slide",
	controlNav: false,
	animationLoop: false,
	slideshow: false,
	sync: "#carousel"
  });
});
</script>
<!--END флекс-слайдер-->


Затем зайдите в flexslider.css, найдите и удалите код: 

/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#5 kalina94ua

kalina94ua

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

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

Отправлено 30 Декабрь 2015 - 16:16

Просмотр сообщенияЮля123 (30 Декабрь 2015 - 12:46) писал:

Здравствуйте, предлагаю Вам установить вот такой слайдер.  Он похож на тот, что присылали Вы, но при этом "легче" и проще в установке. Для этого Вам необходимо загрузить все файлы из этой папки у себя в админке:
Прикрепленный файл Слайдер.zip



Затем изменяем шаблон HTML.

1) Найдите код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=dark"></script>

и замените на код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />


затем найдите код:

<!-- Запуск слайдера -->
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
</script>
{% ENDIF %}

и замените на код:

<style type="text/css">
@font-face {
font-family: 'flexslider-icon';
src: url('/design/flexslider-icon.ttf');
font-weight: normal;
font-style: normal;
}
</style>


затем код:

	 <!-- Jssor Slider Слайдер Начало -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
		 </div>
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
		 </div>
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

замените на код:


<!-- Флекс-слайдер -->
<div id="slider" class="flexslider">
<ul class="slides">
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
<script>
$(window).load(function() {
// The slider being synced must be initialized first
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});

$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel"
});
});
</script>
<!--END флекс-слайдер-->


Затем зайдите в flexslider.css, найдите и удалите код:

/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
font-family: 'flexslider-icon';
src: url('fonts/flexslider-icon.eot');
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}

Все сделал,но выдает ошибку, а именно , после вставки кода ( 
<!-- Флекс-слайдер -->
<div id="slider" class="flexslider">
  <ul class="slides">
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
		</li>
		<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
<div id="carousel" class="flexslider">
  <ul class="slides">
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
		</li>
		<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
<script>
$(window).load(function() {
  // The slider being synced must be initialized first
  $('#carousel').flexslider({
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: false,
		itemWidth: 210,
		itemMargin: 5,
		asNavFor: '#slider'
  });
  $('#slider').flexslider({
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: false,
		sync: "#carousel"
  });
});
</script>
<!--END флекс-слайдер-->

#6 Юля123

Юля123

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

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

Отправлено 30 Декабрь 2015 - 16:21

Просмотр сообщенияkalina94ua (30 Декабрь 2015 - 16:16) писал:



Вместо вот этого:

Цитата

Затем изменяем шаблон HTML.

1) Найдите код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=dark"></script>

и замените на код:


<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />




код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>

поставьте  перед кодом:
<!-- Скрипты для страницы товара -->

код:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />

перенесите после кода:

<!-- Стили магазина -->


Всё остальное из инструкции произведите вновь.


Получится так:

QIP Shot - Screen 094.png

#7 kalina94ua

kalina94ua

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

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

Отправлено 31 Декабрь 2015 - 00:22

Все получилось,спасибо, но нужно подогнать под размер

Слайдер.jpg

1. слайдер ( чуть выезжает правая сторона слайдера )
2. убрать бы рамку слайдера или изменить цвет рамки ( с белого цвета на черный ) , чтобы красивее смотрелось
3. как сделать,чтобы картинки, переключались в слайдере

Вот сайт

#8 Юля123

Юля123

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

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

Отправлено 31 Декабрь 2015 - 10:12

Просмотр сообщенияkalina94ua (31 Декабрь 2015 - 00:22) писал:

Все получилось,спасибо, но нужно подогнать под размер

Прикрепленный файл Слайдер.jpg

1. слайдер ( чуть выезжает правая сторона слайдера )
2. убрать бы рамку слайдера или изменить цвет рамки ( с белого цвета на черный ) , чтобы красивее смотрелось
3. как сделать,чтобы картинки, переключались в слайдере

Вот сайт


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

1) Изменить размер. В main.css найдите код:

/*** Slider Слайдер ***/
#slideshow {margin: 0 0;position: relative;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 501px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 501px; overflow: hidden;}
.slides_container a {position: relative;}
.slides_container img {left:0 !important;position: relative !important;}
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url('{ASSETS_IMAGES_PATH}a21.png?design=dark') center center no-repeat;overflow: hidden;}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.categories.index .owl-pagination {position: relative;bottom: -5px;text-align: center;vertical-align: middle;}
.categories.index .owl-pagination .owl-page {background: #fff;border-radius: 50%;width: 12px;height: 12px;display: inline-block;margin: 2px 4px;}
.categories.index .owl-pagination .owl-page.active {margin: 0 4px;border: 2px solid #fff;background: none;width: 16px;height: 16px;}

и замените на код:
/*** Slider Слайдер ***/
#slideshow {margin: 0 0;position: relative;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1903px; height: 501px; overflow: hidden;z-index:1;}



2) Чтобы изменить цвет рамки зайдите в flexslider.css, найдите код:

.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}


и замените на код:

.flexslider {
  margin: 0 0 60px;
  background: #000;
  border: 4px solid #000;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

Это меняем цвет рамки, чтобы ее вообще убрать то из этого кода удалите строчки:

  background: #000;
  border: 4px solid #000;

3) В шаблоне HTML найдите код:

	<!-- Скрипты магазина -->
	<script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif?design=dark';</script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />
	<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=dark"></script>
	<script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=dark"></script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>

и замените на код:

	<!-- Скрипты магазина -->
	<script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif?design=dark';</script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />
	<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=dark"></script>
	<script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=dark"></script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>


Затем там же найдите код:

$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel"
  });
});

и замените на код:

$('#slider').flexslider({
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: true,
		slideshowSpeed: 3000,
		nextText: '',
		prevText: '',
		sync: "#carousel"
  });
});

слайды будут меняться автоматически каждые 3 секунды.


4) еще заметила у Вас некорректное отображение стрелок вперед назад. Чтобы поправить, зайдите в flexslider.css, найдите код:

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

и замените на код:

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 60px;
	height: 60px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	position: relative;
	top: 10px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#9 kalina94ua

kalina94ua

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

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

Отправлено 02 Январь 2016 - 21:49

Все сделал,спасибо. Но 1 пункт,не получился. ( слайдер большой или увеличивает  картинки )
Вот сайт

#10 kalina94ua

kalina94ua

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

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

Отправлено 04 Январь 2016 - 03:42

Помогите со слайдером,пожалуйста

#11 Юля123

Юля123

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

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

Отправлено 06 Январь 2016 - 11:27

Просмотр сообщенияkalina94ua (04 Январь 2016 - 03:42) писал:

Помогите со слайдером,пожалуйста


Здравствуйте, у вас увеличиваются картинки из-за того, что размер загруженных картинок не соответствует размеру слайдера. Загрузите картинки размера 1920*500px. и у Вас будет слайдер отображаться корректно.

#12 kalina94ua

kalina94ua

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

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

Отправлено 08 Январь 2016 - 16:57

Просмотр сообщенияЮля123 (06 Январь 2016 - 11:27) писал:

Здравствуйте, у вас увеличиваются картинки из-за того, что размер загруженных картинок не соответствует размеру слайдера. Загрузите картинки размера 1920*500px. и у Вас будет слайдер отображаться корректно.

Все равно, увеличивает размер картинок в слайдере

#13 kalina94ua

kalina94ua

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

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

Отправлено 09 Январь 2016 - 23:40

Еще, чтобы в категориях слайды не показывались. Что нужно сделать?

#14 RedHead

RedHead

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

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

Отправлено 10 Январь 2016 - 09:57

Просмотр сообщенияkalina94ua (09 Январь 2016 - 23:40) писал:

Еще, чтобы в категориях слайды не показывались. Что нужно сделать?

Здравствуйте! Протестировали Ваш магазин, слайдер отображается корректно.
Уточните, пожалуйста, по второму вопросу,

Цитата

чтобы в категориях слайды не показывались. Что нужно сделать?
Слайдер расположен только на главной, в категориях магазина он не отображается. Или Вы имели ввиду что-то другое?

#15 kalina94ua

kalina94ua

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

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

Отправлено 10 Январь 2016 - 20:40

Просмотр сообщенияRedHead (10 Январь 2016 - 09:57) писал:

Здравствуйте! Протестировали Ваш магазин, слайдер отображается корректно.
Уточните, пожалуйста, по второму вопросу,

Слайдер расположен только на главной, в категориях магазина он не отображается. Или Вы имели ввиду что-то другое?

Когда заходишь в сам каталог товаров

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

  • слайдер.jpg

#16 RedHead

RedHead

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

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

Отправлено 10 Январь 2016 - 21:00

Просмотр сообщенияkalina94ua (10 Январь 2016 - 20:40) писал:

Когда заходишь в сам каталог товаров

Здравствуйте! Вам необходимо в шаблоне html найди блок кода:
<div id="slider" class="flexslider">
  <ul class="slides">
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide6.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide7.jpg" alt="" title="" />
		</li>
	   
		<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
<div id="carousel" class="flexslider">
  <ul class="slides">
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide6.jpg" alt="" title="" />
		</li>
		<li>
		  <img src="{ASSETS_IMAGES_PATH}slide7.jpg" alt="" title="" />
		</li>
	 
		<!-- items mirrored twice, total of 12 -->
  </ul>
</div>
перед первой строкой вставить:
{% IF index_page %}
после последней строки вставить:
{% ENDIF %}

#17 kalina94ua

kalina94ua

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

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

Отправлено 10 Январь 2016 - 21:42

Спасибо большое) и можно последнее))
Убрать в корзине, эти данные

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

  • корзина.jpg

#18 RedHead

RedHead

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

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

Отправлено 11 Январь 2016 - 09:33

Просмотр сообщенияkalina94ua (10 Январь 2016 - 21:42) писал:

Спасибо большое) и можно последнее))
Убрать в корзине, эти данные

Здравствуйте! Перед внесением изменений, создайте бэкап.
В шаблоне КОРЗИНА удалите строки:
№16: 
<td class="price">Цена</td>

удалите блок кода:
<td width="150">
			  <span class="cart-price">
				<span>{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>		   
			  </span>
			</td>
			<td>
			</td>
			<td width="150">
			 <span class="cart-price">
				<span class="ajaxtotal">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>		   
			  </span>
			</td>

и удалите блок кода:
<tr>
		  <td colspan="4" class="text-right">
			<span>Итого:</span>
			<span class="TotalSum price {CURRENCY_CHAR_CODE}">
			  {% FOR cart_sum %}
				{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}
			  {% ENDFOR %}
			</span>
		  </td>
		  <td colspan="2">
			<div class="TotalSum price {CURRENCY_CHAR_CODE}">
			  {% FOR cart_sum %}
				{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}
			  {% ENDFOR %}
			</div>
		  </td>
		</tr>

#19 kalina94ua

kalina94ua

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

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

Отправлено 13 Январь 2016 - 00:36

Все получилось,спасибо большое за помощь))

#20 kalina94ua

kalina94ua

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

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

Отправлено 21 Январь 2016 - 18:38

Как можно добавить логотип и номера?

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

  • добавить.jpg
  • Логотип.png

Обратно в Главная


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

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

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