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

  2. → Просмотр профиля: "Лайки": dele7

dele7

Регистрация: 03 авг. 2014
Offline Активность: 15 нояб. 2014 13:22
-----

#171827 Триллион Вопросов

Отправлено RayLi на 11 Ноябрь 2014 - 21:00

Просмотр сообщенияdele7 (11 Ноябрь 2014 - 20:52) писал:

нет, что то все также, остались слова тусклыми
В шаблоне main.css найдите код:
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
background: #BCBCAF;
opacity: 0.8;
}
И замените его этим кодом:
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
background: rgba(188, 188, 175, 0.8);
}



#171822 Триллион Вопросов

Отправлено RayLi на 11 Ноябрь 2014 - 20:33

Просмотр сообщенияdele7 (11 Ноябрь 2014 - 20:12) писал:

спасибо, подскажите, сделал полупрозрачный фон в некоторых местах- и этот фон влияет на меню, слова, картинки и т.д., цвет тусклый, нет четкости. такое чуство, что фон на текст наложен, а хотелось бы наоборот
Изображение
Здравствуйте.
Если я вас правильно понял, что сделайте следующее:
Находим в шаблоне main.css следующие коды:
1. Ищем первый код:
.left-sidebar .block-content li.parent ul, .left-sidebar .block-content li.parent {
background-color: white;
}
И заменяем его этим кодом:
.left-sidebar .block-content li.parent ul, .left-sidebar .block-content li.parent {
/* background-color: white; */
}
2. Теперь ищем второй код:
#sb-site .contenttext {
margin-top: 10px;
background: rgba(227, 228, 219, 0.7);
}
И заменяем вот этим:
#sb-site .contenttext {
margin-top: 10px;
/* background: rgba(227, 228, 219, 0.7); */
}
3. Ищем третий код:
.crumbs {
margin: 0 0 1.8%;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #181010;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
}
И замените следующим кодом:
.crumbs {
margin: 0 0 1.8%;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #181010;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
opacity: 0.8;
}
4. Находим четвёртое письмо:
#sb-site .contenttext .title {
padding-left: 0%;
padding-bottom: 10px;;
}
И заменяем этим:
#sb-site .contenttext .title {
padding-left: 0%;
padding-bottom: 10px;
opacity: 0.8;
}



#171819 Триллион Вопросов

Отправлено dele7 на 11 Ноябрь 2014 - 20:12

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


#171710 Триллион Вопросов

Отправлено Vaccina на 11 Ноябрь 2014 - 04:21

В шаблоне HTML после кода елки, расположите:
<!-- Последние товары, просмотренные пользователем -->
				  {% IFNOT recently_viewed_goods_empty %}
				  <li class="recent_viewed"><br /><h2>Вы смотрели</h2>
					<div class="contentTbodyRecentlyViewed">
					  <table class="recent_viewed">
						{% FOR recently_viewed_goods %}
						<tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
						  <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?design=shine{% 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>
				  </li>
				  {% ENDIF %}
				  <!-- Последние товары, просмотренные пользователем -->
и в main.css добавьте:
/* Блок последних просмотренных посетителем товаров */
.recent_viewed {max-width: 200px;overflow: hidden;}
.recent_viewed td {vertical-align:middle;padding: 0.8em 10px;border-bottom: 1px solid #e2e2e2;}
.recent_viewed .last td {border-bottom:0;}
.recent_viewed td.img {padding-right:0}
.recent_viewed td.link a {font-size: 0.8em;width:153px;overflow:hidden;}



#171382 Триллион Вопросов

Отправлено AnnaM на 09 Ноябрь 2014 - 10:40

Просмотр сообщенияdele7 (08 Ноябрь 2014 - 21:23) писал:

их у меня как раз таки и нет! спасибо, добавлю
В данном слайдере изображения меняются немного по-другому. Вам необходимо загрузить свои изображения( с любыми названиями) в раздел сайт--редактор шаблонов. Затем в шаблоне HTML найдите код 
<!-- Слайдер на главной странице сайта --->
						{% IF index_page %}
							<div id="owl-one-slider" class="owl-carousel owl-theme">
								<div class="item">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="Описание слайда">
									</a>
								</div>
							</div>
и в нем все ссылки замените на ваши (ссылки ваших загруженных изображений).


#171436 Триллион Вопросов

Отправлено dele7 на 09 Ноябрь 2014 - 13:50

что то не получилось, подскажите, как мне этот удалить слайдер и установить другой, стандартный, и заодно подскажите где здесь находится пошаговое руководство по установке слайдера?


#171441 Триллион Вопросов

Отправлено Ирина345 на 09 Ноябрь 2014 - 13:57

Просмотр сообщенияdele7 (09 Ноябрь 2014 - 13:50) писал:

что то не получилось, подскажите, как мне этот удалить слайдер и установить другой, стандартный, и заодно подскажите где здесь находится пошаговое руководство по установке слайдера?
Здравствуйте, у Вас слайдер разъехался из-за того что Вы не правильно указали путь к картинке, для того что изменить найдите в HTML код
<img src="slaid1.jpg" alt="Описание слайда">
замените на
<img src="ссылка на изображения" alt="Описание слайда">
Данный слайдер является стандартным для этого шаблона.


#171444 Триллион Вопросов

Отправлено dele7 на 09 Ноябрь 2014 - 14:04

( без изменений...


#171447 Триллион Вопросов

Отправлено Ирина345 на 09 Ноябрь 2014 - 14:07

Просмотр сообщенияdele7 (09 Ноябрь 2014 - 14:04) писал:

( без изменений...
В место "ссылка на картинку", из инсрукции выше, Вам нужно вставить ссылку на нужную картинку


#171455 Триллион Вопросов

Отправлено dele7 на 09 Ноябрь 2014 - 14:29

( без изменений... скажите, как его удалить вообще этот слайдер?


#171459 Триллион Вопросов

Отправлено Ирина345 на 09 Ноябрь 2014 - 14:53

Просмотр сообщенияdele7 (09 Ноябрь 2014 - 14:29) писал:

( без изменений... скажите, как его удалить вообще этот слайдер?
Найдите в hTML
<div id="owl-one-slider" class="owl-carousel owl-theme">
замените на
<div id="owl-one-slider" class="owl-carousel owl-theme" style="display:none">



#171465 Триллион Вопросов

Отправлено dele7 на 09 Ноябрь 2014 - 15:19

Просмотр сообщенияRayLi (08 Ноябрь 2014 - 21:01) писал:

Здравствуйте.
1. Размер фотографии: 848х360.
2. Меняются они путём замены файлов из слайдера в админке, на файлы с тем же именем.
3. Найдите в шаблоне html код:
						 <script type="text/javascript">
							 $(document).ready(function() {
							 $("#owl-one-slider .item").css('display', 'block');
							 $("#owl-one-slider").owlCarousel({
								 navigation : true, // показывать кнопки next и prev
								 slideSpeed : 300,
								 paginationSpeed : 400,
								 items : 1,
itemsDesktop : false,
								 itemsDesktopSmall : false,
								 itemsTablet: false,
								 itemsMobile : false,
								 navigationText: false // Удаляет текст с кнопок навигации
							 });
							 });
						 </script>
И замените его этим:
						 <script type="text/javascript">
							 $(document).ready(function() {
							 $("#owl-one-slider .item").css('display', 'block');
							 $("#owl-one-slider").owlCarousel({
								 navigation : true, // показывать кнопки next и prev
								 slideSpeed : 300,
								 paginationSpeed : 400,
								 items : 1,
								 autoplay: 5000,
								 itemsDesktop : false,
								 itemsDesktopSmall : false,
								 itemsTablet: false,
								 itemsMobile : false,
								 navigationText: false // Удаляет текст с кнопок навигации
							 });
							 });
						 </script>


так и не перелистывает слайдер


#171469 Триллион Вопросов

Отправлено Ирина345 на 09 Ноябрь 2014 - 15:30

Просмотр сообщенияdele7 (09 Ноябрь 2014 - 15:19) писал:

так и не перелистывает слайдер
Найдите в HTML в коде из сообщения выше код
autoplay: 5000,
замените на
autoPlay: 5000,



#171321 Триллион Вопросов

Отправлено RayLi на 08 Ноябрь 2014 - 21:01

Просмотр сообщенияdele7 (08 Ноябрь 2014 - 20:46) писал:

настал вопрос о карусели(слайдера):

1. какого размера фото?
2. где (как) их менять?
3 почему не перелистываются самостоятельно?
Здравствуйте.
1. Размер фотографии: 848х360.
2. Меняются они путём замены файлов из слайдера в админке, на файлы с тем же именем.
3. Найдите в шаблоне html код:
							<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>
И замените его этим:
							<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  autoplay: 5000,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>



#171161 Триллион Вопросов

Отправлено RayLi на 07 Ноябрь 2014 - 21:23

Просмотр сообщенияdele7 (07 Ноябрь 2014 - 21:02) писал:

аааааа!, вот что получилось:
Изображение
Попробуйте следующее:
Найдите код в шаблоне main.css:
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
И замените вот этим кодом:
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
background: rgba(227, 228, 219, 0.7);
opacity: 0.8;
}





  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": dele7
  3. Privacy Policy