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


Хочу Сделать, Но Не Знаю Как

Автор luzikov, 12 июля 2014 16:58

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

#21 Ирина345

Ирина345

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

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

Отправлено 17 Июль 2014 - 14:59

Просмотр сообщенияluzikov (17 Июль 2014 - 14:49) писал:

и снова
Ели Вы имели виду, что бы при наведение на категории товаров выделялось черным, то это получилось, ели речь идет о чем-то другом уточните.
Уточните речь идет о сайте sl-302056

#22 luzikov

luzikov

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

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

Отправлено 17 Июль 2014 - 15:06

я имел ввиду название категорий в таком вот окне см скрин

от

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

  • Безымянный5.png

#23 Ирина345

Ирина345

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

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

Отправлено 17 Июль 2014 - 15:25

Просмотр сообщенияluzikov (17 Июль 2014 - 15:06) писал:

я имел ввиду название категорий в таком вот окне см скрин

от
найдите в style.css
.product-name {

text-align: center;
text-transform: uppercase;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 55px;
}
замените на
.product-name {
text-align: center;
text-transform: uppercase;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 55px;
margin-top: -33px;
}
в конец файла добавьте




div.product-name a {
text-align: center;
text-transform: uppercase;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
/* height: 55px; */
color: white;
background: black;
font-size: 20px;
padding: 9px 0px 9px 9px;
opacity: 0.7;
}

#24 luzikov

luzikov

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

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

Отправлено 22 Июль 2014 - 19:36

нужен адаптивный слайдер для внутренних страниц. Например, для страницы Услуги - там будет больше 20 костюмов, нужно их свести в слайдер, как сделать ?

#25 Сake

Сake

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

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

Отправлено 23 Июль 2014 - 00:07

Можно использовать обновленный nivo slider, так как он поддерживает адаптивность. Находится слайдер тут http://docs.dev7stud...ns/nivo-slider. Устанавливается согласно документации на сайте или же в нашем FAQ http://storeland.ru/about/faq#51 но только файлы берутся с сайта а не из FAQ.

Код слайдера вам необходимо будет разместить в шаблоне "Страница" в следующем виде

{% IF PAGE_NAME = Название страницы %}
	Код слайдера
{% ENDIF %}

#26 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 00:39

Спасибо, вот еще пару вопросов, в моем интернет магазине есть такая проблема:
1) на странице товара, в месте где находятся все фотографии нету рамок, то есть фотографии тупо вылезают из своего окна (см скрин ) Так же скажите пожалуйста как фотографии в этом блоке сделать больше по длине
2) в блоке "с этим товаром так же смотрят" творится непонятная фигня, все криво, очееень криво (см скрин)
3) Кнопка быстрый заказ в разделе аксессуаров тоже скачет как сумасшедшая
4) как сделать что бы на странице товара, вкладка "отзывы о товаре" всегда сразу была открытой ?
магазин http://kingshall.ru/
Очень буду благодарен за быструю помощь, дело в том что продвижение запущено, а косяки то заметные, которые нужно срочно починить

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

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

#27 Vaccina

Vaccina

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

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

Отправлено 23 Июль 2014 - 03:56

1. В style.css найдите:
#left-column #thumbs_list {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 325px;
}
замените на:

#left-column #thumbs_list {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 210px;
}
далее найдите:
#left-column #thumbs_list li img {
	border: medium none;
	height: 54px;
	margin: 0;
}
замените на:
#left-column #thumbs_list li img {
	border: medium none;
	margin: 0;
	max-width: 100px;
}

2. В style.css найдите:
.product_details {
	margin-bottom: 10px;
	overflow: hidden;
}
замените на:
.product_details {
	clear: both;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}
далее найдите:
input.exclusive, #paymentForm input, a.exclusive {
	background: #000 !important;
	border: 1px solid #3a3a3a;
	border-radius: 2px;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	color: #fafafa !important;
	cursor: pointer;
	display: inline-block;
	font: inherit !important;
	margin-left: 250px;
	padding: 6px 12px;
	text-decoration: none;
}
замените на:
input.exclusive, #paymentForm input, a.exclusive {
	background: #000 !important;
	border: 1px solid #3a3a3a;
	border-radius: 2px;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	color: #fafafa !important;
	cursor: pointer;
	display: inline-block;
	font: inherit !important;
	padding: 6px 12px;
	text-decoration: none;
}

3. в style.css найдите:
#category_view_type.grid_view #product_list .product_image_wrapper {
	background: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	padding: 8px;
	position: relative;
}
замените на:
#category_view_type.grid_view #product_list .product_image_wrapper {
	background: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	height: 200px;
	overflow: hidden;
	padding: 8px;
	position: relative;
}

4. В шаблоне Товар найдите:
<ul class="idTabs">
	<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
	{% ENDIF %}
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
	{% ENDIF %}
	<!-- Если есть информация о доставке товара -->
	{% IFNOT goods_delivery_empty %}
	  <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
	{% ENDIF %}
	<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы о товаре</a></li>
	{% ENDIF %}
  </ul>
замените на:
  <ul class="idTabs">
	<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
	{% ENDIF %}
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
	{% ENDIF %}
	<!-- Если есть информация о доставке товара -->
	{% IFNOT goods_delivery_empty %}
	  <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
	{% ENDIF %}
	<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <li><a href="javascript:tabSwitch(4);" id="tab_4"  class="active">Отзывы о товаре</a></li>
	{% ENDIF %}
  </ul>

#28 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 13:11

Просмотр сообщенияVaccina (23 Июль 2014 - 03:56) писал:

1. В style.css найдите:
#left-column #thumbs_list {
float: left;
margin: 0;
overflow: hidden;
width: 325px;
}
замените на:

#left-column #thumbs_list {
float: left;
margin: 0;
overflow: hidden;
width: 210px;
}
далее найдите:
#left-column #thumbs_list li img {
border: medium none;
height: 54px;
margin: 0;
}
замените на:
#left-column #thumbs_list li img {
border: medium none;
margin: 0;
max-width: 100px;
}

2. В style.css найдите:
.product_details {
margin-bottom: 10px;
overflow: hidden;
}
замените на:
.product_details {
clear: both;
display: block;
margin-bottom: 10px;
overflow: hidden;
}
далее найдите:
input.exclusive, #paymentForm input, a.exclusive {
background: #000 !important;
border: 1px solid #3a3a3a;
border-radius: 2px;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
color: #fafafa !important;
cursor: pointer;
display: inline-block;
font: inherit !important;
margin-left: 250px;
padding: 6px 12px;
text-decoration: none;
}
замените на:
input.exclusive, #paymentForm input, a.exclusive {
background: #000 !important;
border: 1px solid #3a3a3a;
border-radius: 2px;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
color: #fafafa !important;
cursor: pointer;
display: inline-block;
font: inherit !important;
padding: 6px 12px;
text-decoration: none;
}

3. в style.css найдите:
#category_view_type.grid_view #product_list .product_image_wrapper {
background: #ffffff;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
padding: 8px;
position: relative;
}
замените на:
#category_view_type.grid_view #product_list .product_image_wrapper {
background: #ffffff;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
height: 200px;
overflow: hidden;
padding: 8px;
position: relative;
}

4. В шаблоне Товар найдите:
<ul class="idTabs">
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
{% ENDIF %}
<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
{% ENDIF %}
<!-- Если есть информация о доставке товара -->
{% IFNOT goods_delivery_empty %}
	 <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
{% ENDIF %}
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы о товаре</a></li>
{% ENDIF %}
</ul>
замените на:
<ul class="idTabs">
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
{% ENDIF %}
<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
{% ENDIF %}
<!-- Если есть информация о доставке товара -->
{% IFNOT goods_delivery_empty %}
	 <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
{% ENDIF %}
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы о товаре</a></li>
{% ENDIF %}
</ul>
Огромнейшее спасибо! Все получилось кроме последнего пункта, и еще помогите пожалуйста исправить ленту "С этим товаром так же смотрят" Там кнопка быстрый заказ тоже скачет как и в аксессуарах скакала раньше

#29 Ирина345

Ирина345

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

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

Отправлено 23 Июль 2014 - 14:32

Просмотр сообщенияluzikov (23 Июль 2014 - 13:11) писал:

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

#30 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 16:25

Просмотр сообщенияСake (23 Июль 2014 - 00:07) писал:

Можно использовать обновленный nivo slider, так как он поддерживает адаптивность. Находится слайдер тут http://docs.dev7stud...ns/nivo-slider. Устанавливается согласно документации на сайте или же в нашем FAQ http://storeland.ru/about/faq#51 но только файлы берутся с сайта а не из FAQ.

Код слайдера вам необходимо будет разместить в шаблоне "Страница" в следующем виде

{% IF PAGE_NAME = Название страницы %}
Код слайдера
{% ENDIF %}
К сожалению, переходя по ссылке указанной вами выдает ошибку.

#31 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Июль 2014 - 16:27

Просмотр сообщенияluzikov (23 Июль 2014 - 16:25) писал:

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

Вот эта ссылка правильная http://docs.dev7stud...ins/nivo-slider

#32 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 17:08

Просмотр сообщенияMikDark (23 Июль 2014 - 16:27) писал:

Вот эта ссылка правильная http://docs.dev7stud...ins/nivo-slider
А вы не мгли бы мне разъяснить куда что добавлять если мне нужно добавить слайдер на страницу "Услуги" http://m36697.storel...ru/page/service

#33 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Июль 2014 - 17:15

Просмотр сообщенияluzikov (23 Июль 2014 - 17:08) писал:

А вы не мгли бы мне разъяснить куда что добавлять если мне нужно добавить слайдер на страницу "Услуги" http://m36697.storel...ru/page/service

По инструкции http://storeland.ru/about/faq#51 дойдите до 10-го шага, Вам там нужно будет загрузить файлы на сайт и подключить их.

Далее уточните номер аккаунта, где нужно добавить слайдер.

#34 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 17:59

Просмотр сообщенияMikDark (23 Июль 2014 - 17:15) писал:

По инструкции http://storeland.ru/about/faq#51 дойдите до 10-го шага, Вам там нужно будет загрузить файлы на сайт и подключить их.

Далее уточните номер аккаунта, где нужно добавить слайдер.
Я так понимаю он платный? Не вижу файлов для скачивания там.

#35 Ирина345

Ирина345

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

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

Отправлено 23 Июль 2014 - 18:07

Просмотр сообщенияluzikov (23 Июль 2014 - 17:59) писал:

Я так понимаю он платный? Не вижу файлов для скачивания там.
Здравствуйте, на первом шаге архив, который скачать можно бесплатно.

#36 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 18:53

Не подходит мне ниво слайдер к сожалению, я загрузил файлы и подключил скрипт следующего слайдера http://tympanus.net/...image-gallery/. Не могли бы вы помочь мне его добавить на страницу услуги? SL-30205

#37 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 19:27

и еще вот вопрос по другому сайту http://kingshall.ru/
Как сделать чтобы кнопка "В корзину" не скакала как сумасшедшая в ленте "с этим товаром часто смотрят" (см скрин)
и еще вопрос, как сделать чтобы вкладка "отзывы о товаре" всегда была открыта на странице товара ?

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

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

#38 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Июль 2014 - 19:42

Просмотр сообщенияluzikov (23 Июль 2014 - 18:53) писал:

Не подходит мне ниво слайдер к сожалению, я загрузил файлы и подключил скрипт следующего слайдера http://tympanus.net/...image-gallery/. Не могли бы вы помочь мне его добавить на страницу услуги? SL-30205

Вы указали неправильный номер, посмотрите еще раз.

#39 luzikov

luzikov

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

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

Отправлено 23 Июль 2014 - 20:11

SL 302056

#40 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Июль 2014 - 20:47

Просмотр сообщенияluzikov (23 Июль 2014 - 20:11) писал:

SL 302056

В шаблоне Страница найдите:
{PAGE_CONTENT}

перед ним добавьте:
{% IF PAGE_NAME = Услуги %}
<!-- Nyvo слайдер который отображается на главной --> 



<!-- Обёртка, указывающая стиль темы --> 

<div class="theme-default" style="padding: 1em; display: none;"> 

<!-- Непосредственный код слайдера --> 

<div id="slider">

<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> 

<a href="/"><img src="http://storeland.ru//img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> 

<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> 

<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> 

<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> 

</div> 
</div>

<!-- Запуск слайдера --> 

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider().parent().show(); }); 

</script>

{% ENDIF %}

Пути к изображениям можете прописать свои.
Обратно в Вопросы общие для всех шаблонов


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

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

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