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


Несколько Вопросов По Дизайну Шаблона!

Автор Виталий702, 20 янв. 2016 16:42

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

#1 Виталий702

Виталий702

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

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

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

Здравствуйте! Аккаунт SL-373360
Помогите, пожалуйста, разобраться со следующими вопросами:
1) Какой размер должен быть слайдера, что бы идеально адаптировался? Как сделать, что бы была только одна картинка, а не две, как сейчас?
2) Как убрать 5 звездочек у товара при наведении на картинку, что бы оставалась только цена? Что бы нигде их не было!
3) У меня 10 товаров на главной. Как убрать "Показать все" и всегда были раскрыты товары все ( сейчас только восемь)?
4) Что бы товары были симметричны, сейчас их по 4 в ряд, но в последнем ряду два сделать по центру?

Спасибо!

#2 Юля123

Юля123

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

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

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

Просмотр сообщенияВиталий702 (20 Январь 2016 - 16:42) писал:

Здравствуйте! Аккаунт SL-373360
Помогите, пожалуйста, разобраться со следующими вопросами:
1) Какой размер должен быть слайдера, что бы идеально адаптировался? Как сделать, что бы была только одна картинка, а не две, как сейчас?
2) Как убрать 5 звездочек у товара при наведении на картинку, что бы оставалась только цена? Что бы нигде их не было!
3) У меня 10 товаров на главной. Как убрать "Показать все" и всегда были раскрыты товары все ( сейчас только восемь)?
4) Что бы товары были симметричны, сейчас их по 4 в ряд, но в последнем ряду два сделать по центру?

Спасибо!


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

1) У Вас слайдер адаптируется, размер загружаемого изображения должен быть 1920*700px. В шаблоне HTML код:

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </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 %}
	<!-- /END Jssor Slider Слайдер -->

отвечает за слайдер, чтобы осталась только одна картинка замените его на код:

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></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 %}
	<!-- /END Jssor Slider Слайдер -->


Для того, чтобы загрузить свою картинку, найдите в редакторе шаблонов раздел "Изображения" (слева боковая панель) и изображение slider1  заменяйте на свое изображение.


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

.ratings {font-size: 11px;line-height: 1.25;display: inline-block;}

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

.ratings {font-size: 11px;line-height: 1.25;display: none;}


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

#producttabs .pdt-content .item:nth-child(1), #producttabs .pdt-content .item:nth-child(2), #producttabs .pdt-content .item:nth-child(3),
#producttabs .pdt-content .item:nth-child(4), #producttabs .pdt-content .item:nth-child(5), #producttabs .pdt-content .item:nth-child(6),
#producttabs .pdt-content .item:nth-child(7), #producttabs .pdt-content .item:nth-child(8) {display:block;}

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

#producttabs .pdt-content .item:nth-child(1), #producttabs .pdt-content .item:nth-child(2), #producttabs .pdt-content .item:nth-child(3),
#producttabs .pdt-content .item:nth-child(4), #producttabs .pdt-content .item:nth-child(5), #producttabs .pdt-content .item:nth-child(6),
#producttabs .pdt-content .item:nth-child(7), #producttabs .pdt-content .item:nth-child(8),#producttabs .pdt-content .item:nth-child(9),
#producttabs .pdt-content .item:nth-child(10) {display:block;}

затем код:

#producttabs .button-load .button {display: block;max-width:110px;margin: 0 auto 10px;text-align: center;}

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

#producttabs .button-load .button {display: none;max-width:110px;margin: 0 auto 10px;text-align: center;}

4) К сожалению, так сделать не получится.

#3 Виталий702

Виталий702

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

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

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

Спасибо! А еще такой вопрос: можно сделать краткое описание, что бы было в столбик, сейчас в одну строчку ( см. рисунок)

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

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

#4 Виталий702

Виталий702

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

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

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

2) И вопрос такой: как убрать шапку с логотипом при листании страницы вниз, что бы её не было видно?

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

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

#5 RayLi

RayLi

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 13:08) писал:

Спасибо! А еще такой вопрос: можно сделать краткое описание, что бы было в столбик, сейчас в одну строчку ( см. рисунок)

Здравствуйте.
К сожалению в кратком описание подобный перенос определённого количества текста и символов не получится.

Единственный вариант организовать текст в столбик - это подобный:
В самый конец шаблона main.css добавьте, пожалуйста, данный код:

.short-description p {
	width: 250px;
}

Просмотр сообщенияВиталий702 (21 Январь 2016 - 13:19) писал:

2) И вопрос такой: как убрать шапку с логотипом при листании страницы вниз, что бы её не было видно?

В шаблоне main.css найдите данный код:

.header-middle.keep-menu {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
	height: 80px;
	padding: 0;
	z-index: 100;
	position: fixed !important;
	top: 0 !important;
}

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

.header-middle.keep-menu {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
	height: 80px;
	padding: 0;
	z-index: 100;
	top: 0 !important;
}

#6 Виталий702

Виталий702

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

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

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

Спасибо!
А ещё вопрос:
1) как убрать стрелочки со слайдера?
2) уменьшить расстояние между слайдером и товарами на главной?

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

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

#7 RayLi

RayLi

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 15:25) писал:

Спасибо!
А ещё вопрос:
1) как убрать стрелочки со слайдера?
2) уменьшить расстояние между слайдером и товарами на главной?

Здравствуйте.
Для выполнения данной просьбы, выполните, пожалуйста, следующую инструкцию:
В шаблоне man.css найдите данный код:

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;
	overflow: hidden;
}

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

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;
	overflow: hidden;
	display: none !important;
}


Далее, и снова в том же шаблоне, найдите, пожалуйста, следующий код:

#producttabs {
	position: relative;
	text-align: center;
	z-index: 0;
	margin-top: 20px;
}

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

#producttabs {
	position: relative;
	text-align: center;
	z-index: 0;
	margin-top: -80px;
}

#8 Виталий702

Виталий702

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

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

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

Спасибо! Скажите, пожалуйста, а как еще убрать "Условия Доставки" в карточки товара?

И ещё убрать значок каталога в мобильной версии?

#9 Danil

Danil

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 16:23) писал:

Спасибо! Скажите, пожалуйста, а как еще убрать "Условия Доставки" в карточки товара?
В шаблоне Товар найдите и удалите 
	  {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
и
  <!--  Условия доставки  -->
	{% IFNOT goods_delivery_empty %}
	  <div id="content_3" class="tab-content effect-bounceInRight" style="display: none;">
		{% FOR goods_delivery %}
		  <div class="delivery">
			<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			<p>{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
			  {% ELSE %}
				<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
			  {% ENDIF %}
			{% ELSE %}
			  <h6>Стоимость доставки зависит от суммы заказа</h6>
			  {% FOR rules %}
				<div>Для заказов больше <strong>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.rules.PRICE | money_format}</strong></div>
			  {% ENDFOR %}
				<div>Для заказов меньше <strong>{goods_delivery.SUM_LESS_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.PRICE | money_format}</strong></div>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	{% ENDIF %}

#10 Виталий702

Виталий702

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

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

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

А значок каталога подскажите, пожалуйста, как удалить в мобильной версии?

#11 Danil

Danil

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 17:18) писал:

А значок каталога подскажите, пожалуйста, как удалить в мобильной версии?
В main.css найдите код 
#mommenu {
	display: block;
	z-index: 3;
}
и замените на 
#mommenu {
	display: none;
	z-index: 3;
}

#12 Виталий702

Виталий702

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

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

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

Спасибо! Скажите, пожалуйста, а как сделать товары списком на главной?

#13 RayLi

RayLi

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 20:36) писал:

Спасибо! Скажите, пожалуйста, а как сделать товары списком на главной?

Здравствуйте.
К сожалению не совсем понятно что вы имеете ввиду под фразой "Товары списком".
Вы имеете ввиду их расположить лишь в одну строчку, или убрать у товаров на главной изображения и сделать просто текстовый список товаров на главной?
Уточните, пожалуйста.

#14 Виталий702

Виталий702

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

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

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

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

Здравствуйте.
К сожалению не совсем понятно что вы имеете ввиду под фразой "Товары списком".
Вы имеете ввиду их расположить лишь в одну строчку, или убрать у товаров на главной изображения и сделать просто текстовый список товаров на главной?
Уточните, пожалуйста.
да, в одну строку, а не таблицей (как сейчас). 1 товар- 1 строка, 2 товар - 2 строка и тд...Извините) Спасибо!

#15 Danil

Danil

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

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

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

Просмотр сообщенияВиталий702 (21 Январь 2016 - 21:16) писал:

да, в одну строку, а не таблицей (как сейчас). 1 товар- 1 строка, 2 товар - 2 строка и тд...Извините) Спасибо!
Изменения Вам произвели, проверьте.
У некоторых товаров изображения больше чем у остальных, из-за этого они некорректно отображаются, необходимо привести все изображения к одному размеру.

#16 Виталий702

Виталий702

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

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

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

Ох! Благодарю Вас! А Вы случайно не подскажите, как в кратком описании перенести слова с новой строчки, а то они сейчас только по ширине переносятся? Ведь в полном описании это можно сделать, ведь можно куда-то вставить <br></br>, или типа того?

#17 Vaccina

Vaccina

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

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

Отправлено 22 Январь 2016 - 05:35

В шаблонах HTML и Товары найдите все:
DESCRIPTION_SHORT

и замените их на:
DESCRIPTION_SHORT | htmlspecialchars_decode

#18 Виталий702

Виталий702

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

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

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

Просмотр сообщенияVaccina (22 Январь 2016 - 05:35) писал:

В шаблонах HTML и Товары найдите все:
DESCRIPTION_SHORT

и замените их на:
DESCRIPTION_SHORT | htmlspecialchars_decode
Я сделал все так, ничего не получается...Мне надо, что бы в кратком описание я писала с новой строчки и также показывалось на странице товара. Это же эта функция?

#19 RayLi

RayLi

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

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

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

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

Я сделал все так, ничего не получается...Мне надо, что бы в кратком описание я писала с новой строчки и также показывалось на странице товара. Это же эта функция?

Здравствуйте.
К сожалению вы не заменили требуемый код в шаблоне Товар на иной.
Проверьте, пожалуйста, и действия в соответствие с вышеуказанной инструкции.

#20 Виталий702

Виталий702

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

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

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

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

Здравствуйте.
К сожалению вы не заменили требуемый код в шаблоне Товар на иной.
Проверьте, пожалуйста, и действия в соответствие с вышеуказанной инструкции.
Здравствуйте! Поменял и в Товар - не хочет переносить(( Помогите, пожалуйста!!!
Обратно в Изменение общей стилистики


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

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

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