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

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

yahee

Регистрация: 10 дек. 2014
Offline Активность: 23 дек. 2014 19:16
-----

#179918 Немного Изменить Главную Страницу

Отправлено MikDark на 22 Декабрь 2014 - 11:48

Просмотр сообщенияyahee (22 Декабрь 2014 - 11:37) писал:

alo

Еще в main.css добавьте:
div#slider1_container div {
transform: scale(1) !important;
}



#179817 Немного Изменить Главную Страницу

Отправлено MikDark на 21 Декабрь 2014 - 09:43

Просмотр сообщенияyahee (21 Декабрь 2014 - 04:08) писал:

uje nachal sam igrat!
No u menya slayder ne po razmeru stal ochen bolshim, ono doljno bit 600 px  na 250 px

В main.css найдите код:
#slider1_container {
height: 250px;
left: 0;
margin: 40px auto 0;
overflow: hidden;
position: relative;
top: 0;
width: 40% !important;
z-index: 1;
}

и замените на:
#slider1_container {
height: 250px !important;
left: 0;
margin: 40px auto 0;
overflow: hidden;
position: relative;
top: 0;
width: 40% !important;
z-index: 1;
}



#178532 Немного Изменить Главную Страницу

Отправлено Vaccina на 13 Декабрь 2014 - 01:15

В main.js вы можете просмотреть параметры слайдера:
$FillMode: 2,									   //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
				$AutoPlay: true,									//[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
				$AutoPlayInterval: 4000,							//[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
				$PauseOnHover: 1,								   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
				$ArrowKeyNavigation: true,					//[Optional] Allows keyboard (arrow key) navigation or not, default value is false
				//$SlideEasing: $JssorEasing$.$EaseOutQuint,		  //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
				$SlideDuration: 800,							   //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
				$MinDragOffsetToSlide: 20,						  //[Optional] Minimum drag offset to trigger slide , default value is 20
				//$SlideWidth: 600,								 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
				//$SlideHeight: 300,								//[Optional] Height of every slide in pixels, default value is height of 'slides' container
				$SlideSpacing: 0,					  //[Optional] Space between each slide in pixels, default value is 0
				$DisplayPieces: 1,								  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
				$ParkingPosition: 0,								//[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
				$UISearchMode: 1,								   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
				$PlayOrientation: 1,								//[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
				$DragOrientation: 1,

В нем  $AutoPlay: true отвечает за автоматический запуск перелистывания баннеров


#178497 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 19:56

Просмотр сообщенияyahee (12 Декабрь 2014 - 19:45) писал:

Что нужно сделать чтобы слайдер сам играл когда открылся сайт!
И слайдеры были переходящими на ссылки когда нажимаем?!
Спасибо!
В шаблоне HTML замените
<img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" />
на
<a href="ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" /></a>
заменив слово ссылка на нужную ссылку. Для 
<img u="image" src="{ASSETS_IMAGES_PATH}slider2.jpg" />
и
<img u="image" src="{ASSETS_IMAGES_PATH}slider3.jpg" />
сделать аналогично.


#178493 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 19:49

Просмотр сообщенияyahee (12 Декабрь 2014 - 19:45) писал:

Что нужно сделать чтобы слайдер сам играл когда открылся сайт!
И слайдеры были переходящими на ссылки когда нажимаем?!
Спасибо!

Просмотр сообщенияyahee (12 Декабрь 2014 - 19:11) писал:

Спасибо!
А можно ли поменять слово ХИТЫ, Новинки, Товары на главной на картинку?
В шаблоне HTML замените
<h1 class="title">Хиты</h1>
на
<img alt="" src="{ASSETS_IMAGES_PATH}картинка" />
заменив слово картинка на соответствующее название, и загрузив картинку в Редакторе шаблонов. Остальные пункты сделать по образцу.


#178482 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 18:38

Просмотр сообщенияyahee (12 Декабрь 2014 - 18:32) писал:

Уменьшения размера
В main.css удалите
h1 {font-size: 42px;}



#178468 Немного Изменить Главную Страницу

Отправлено Ирина345 на 12 Декабрь 2014 - 17:48

Просмотр сообщенияyahee (12 Декабрь 2014 - 17:42) писал:

Пробовал, но как выхожу из админки, опять картинки становится невидимым!

Баннеры появились, но слайдер нет!


Ссылки правильные!

У Вас неправильно указаны ссылки
найдите в HTML

<img u="image" src="http://diller.uz/admin/site_templates_get_file_example/slider1.jpg?9502&186563158174" />
												</div>
												<div>
												  <img u="http://diller.uz/admin/site_templates_get_file_example/slider2.jpg?0284&586514441295" />
												</div>
												<div>
												  <img u="image" src="http://diller.uz/admin/site_templates_get_file_example/slider3.jpg?9692&122452013194" />

замените на
<img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" />
												</div>
												<div>
												  <img u="image" src="{ASSETS_IMAGES_PATH}slider2.jpg" />
												</div>
												<div>
												  <img u="image" src="{ASSETS_IMAGES_PATH}slider3.jpg" />



#178461 Немного Изменить Главную Страницу

Отправлено Ирина345 на 12 Декабрь 2014 - 15:05

Просмотр сообщенияyahee (12 Декабрь 2014 - 14:56) писал:

то что изменили слайдер и баннеры!

Проверьте правильно ли вы указали ссылки.


#178463 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 15:10

Просмотр сообщенияyahee (12 Декабрь 2014 - 14:56) писал:

то что изменили слайдер и баннеры!
В шаблоне HTML замените
<div id="slider1_container" style="float:left;width:40%;">
				  <!-- Slides Container -->
				  <div u="slides" class="slides_container">
						<div>
						  <img u="image" src="http://diller.uz/admin/site_templates_get_file_example/slider1.jpg?8269&89312573196" />
						</div>
						<div>
						  <img u="image" src="http://diller.uz/admin/site_templates_get_file_example/slider2.jpg?8269&216320061357" />
						</div>
						<div>
						  <img u="image" src="http://diller.uz/admin/site_templates_get_file_example/slider3.jpg?8269&631848614662" />
						</div>
				  </div>
				</div>
на
<div id="slider1_container" style="float:left;width:40%;">
				  <!-- Slides Container -->
				  <div u="slides" class="slides_container">
						<div>
						  <img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" />
						</div>
						<div>
						  <img u="image" src="{ASSETS_IMAGES_PATH}slider2.jpg" />
						</div>
						<div>
						  <img u="image" src="{ASSETS_IMAGES_PATH}slider3.jpg" />
						</div>
				  </div>
				</div>
и
<div class="banners" style="float:left;width:30%;">
<a href="http://diller.uz/catalog/Odezhda-i-aksessuary"><img src="http://diller.uz/admin/site_templates_get_file_example/banner1.jpg?8268&776668448931" alt=""/></a>
<a href="http://diller.uz/discount"><img src="http://diller.uz/admin/site_templates_get_file_example/banner2.jpg?8269&108957176562" alt=""/></a>
</div>
на
<div class="banners" style="float:left;width:30%;">
<a href="http://diller.uz/catalog/Odezhda-i-aksessuary"><img src="{ASSETS_IMAGES_PATH}banner1.jpg" alt=""/></a>
<a href="http://diller.uz/discount"><img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt=""/></a>
</div>



#178452 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 13:05

Просмотр сообщенияyahee (12 Декабрь 2014 - 13:01) писал:

посмотрите не получилось!
Замените
.banners {
margin: 18px;
width: 200px!important;
}
на
.banners {
margin: 40px 18px 0 18px;
width: 200px!important;
}



#178437 Немного Изменить Главную Страницу

Отправлено Alekseys на 12 Декабрь 2014 - 11:30

Просмотр сообщенияyahee (12 Декабрь 2014 - 11:14) писал:

ок шас!

все на месте!
Здравствуйте. В main.css добавьте
.slides_container img {
width: 400px!important;
height: 200px!important;
}
затем замените
.slides_container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
}
на
.slides_container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 400px;
height: 200px;
overflow: hidden;
}
и
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
z-index: 1;
margin-top: 40px;
}
на
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 400px!important;
height: 200px;
overflow: hidden;
z-index: 1;
margin-top: 40px;
}



#178427 Немного Изменить Главную Страницу

Отправлено Ирина345 на 12 Декабрь 2014 - 10:24

Просмотр сообщенияyahee (12 Декабрь 2014 - 10:17) писал:

Теперь есть!
А как поменять размеры?
Найдите в html
<div class="banners" style="float:left;width:30%;">
<a href="#"><img src="http://domen.diller.uz/banner1.jpg?8268&151935055618" alt=""/></a>

что бы вставить ссылку на картинку вместо # в коде выше вставляете необходимую ссылку, аналогично и с другой картинкой.
уточните на скриншоте как именно необходимо поменять размер


#178405 Немного Изменить Главную Страницу

Отправлено Vaccina на 12 Декабрь 2014 - 01:51

В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер Начало -->
  
  
  
		<!-- Jssor Slider Слайдер Конец -->

вместо него вставьте:
 {% IF index_page %}
	<div id="sidebar" class="sidebar col-md-3">
<div class="widget menu">
				<div class="block-title">
				  <h3>Каталог</h3>
				</div>
				{% IFNOT catalog_full_empty %}
				  <nav>
					<ul>
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}
					</ul>
				  </nav>
				{% ENDIF %}
			  </div>
</div>

		<div id="slider1_container" style="float:left;width:40%;">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=jade" />
			</div>
		  </div>
		</div>

<div class="banners" style="float:left;width:30%;">
<a href="#"><img src="ссылка на баннер" alt=""/></a>
<a href="#"><img src="ссылка на баннер" alt=""/></a>
</div>
<div class="clearfix"></div>
		{% ENDIF %}

далее загрузите и проставьте все картинки в данном коде.


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