Сообщений в теме: 495

[batta]

 Mari-ina (23 Октябрь 2014 - 10:11) писал:

очень надо, вид сайта абсолютно испорчен

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

[Mari-ina]

Сейчас опять установила карусель

[batta]

 Mari-ina (23 Октябрь 2014 - 11:59) писал:

Сейчас опять установила карусель

В main.css

.prod_hold .name, .prod_hold_recent .name {
padding-bottom: 4px;
margin: 0 8px 8px 8px;
border-bottom: 1px solid #e1e1e1;
display: block;
min-height: 60px;
}

измените на

.prod_hold .name, .prod_hold_recent .name {
padding-bottom: 25px;
margin: 0 8px 8px 8px;
border-bottom: 1px solid #e1e1e1;
display: block;
min-height: 74px;
}

В main.css

.prod_hold {
width: 200px;
}

измените на

.prod_hold {
width: 195px;
}

В main.css

#column-left + #content .prod_hold {
margin: 0 6px 20px 6px;
}

измените на

#column-left + #content .prod_hold {
margin: -24px -7px 19px -16px;
}

[Mari-ina]

не помогло, по-прежнему нет значков, так еще и вид хитов нарушился

[sotil]

 Vaccina (23 Октябрь 2014 - 00:54) писал:

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

1,2 Давайте попробуем реализовать карусель "до Вас купили" на основании какой-то категории, может акции подойдут, чтобы туда накидать товар и пусть он крутится на всех страницах сайта.
3 Товар находящийся в карусели сдвигается по заданному времени и с заданным количеством сдвигаемых товаров.
Например изначально в карусели три позиции, мы задаём 5 минут времени , через которые товар сдвигается вниз на одну позицию, т.е. одна позиция уходит из карусели, другая (следующая) появляется, для второй смены товара задаём 15 минут и сдвиг на 2 товара, далее третий сдвиг через 30минут  и одна позиция, затем 5 минут и сдвиг на з позции. Тем самым создавая эффект поступления заказов

[Mari-ina]

 batta (23 Октябрь 2014 - 12:17) писал:

#column-left + #content .prod_hold {
margin: -24px -7px 19px -16px;
}

Вот это вернула назад, чтобы хоть хиты нормально выглядели

[Mari-ina]

!!!

[Mari-ina]

Сама практически разобралась с каруселью. Осталось несколько штрихов:
1. Вернуть заголовок Акция над каруселью
2. Вернуть на место хиты,  так как теперь они у меня в кучу влево собрались. Редактировала карусель здесь

#column-left + #content .prod_hold  {margin: 0 6px 20px -4px;}

, после этого сместились хиты
3. Я не знаю из-за карусели или нет, но нарушилась адаптивность. При разрешении 800 - скрин 1 (уезжают и карусель и хиты), при разрешении менее 480 - скрин 2 (виден еще один элемент карусели, высота блока слишком большая), при разрешении 600 - появляется часть третьего блока карусели

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

• 
• 

[Vaccina]

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

[Mari-ina]

Все что было указано в том коде я сделала и насколько могла сама правила стили. Мои вопросы появились после реализации этих исправлений - это то, что у меня самой теперь исправить не получается!

Цитата

Сама практически разобралась с каруселью. Осталось несколько штрихов:
1. Вернуть заголовок Акция над каруселью
2. Вернуть на место хиты,  так как теперь они у меня в кучу влево собрались. Редактировала карусель здесь
#column-left + #content .prod_hold  {margin: 0 6px 20px -4px;}
, после этого сместились хиты
3. Я не знаю из-за карусели или нет, но нарушилась адаптивность. При разрешении 800 - скрин 1 (уезжают и карусель и хиты), при разрешении менее 480 - скрин 2 (виден еще один элемент карусели, высота блока слишком большая), при разрешении 600 - появляется часть третьего блока карусели

[sotil]

Извините. Как на счёт этого?:

 sotil (23 Октябрь 2014 - 12:34) писал:

1,2 Давайте попробуем реализовать карусель "до Вас купили" на основании какой-то категории, может акции подойдут, чтобы туда накидать товар и пусть он крутится на всех страницах сайта.
3 Товар находящийся в карусели сдвигается по заданному времени и с заданным количеством сдвигаемых товаров.
Например изначально в карусели три позиции, мы задаём 5 минут времени , через которые товар сдвигается вниз на одну позицию, т.е. одна позиция уходит из карусели, другая (следующая) появляется, для второй смены товара задаём 15 минут и сдвиг на 2 товара, далее третий сдвиг через 30минут  и одна позиция, затем 5 минут и сдвиг на з позции. Тем самым создавая эффект поступления заказов

[Vaccina]

Заранее в разделе Товары - Товары создаете скрытую категорию.

По следующей ссылке скачиваем архив

С папки responsive загружаем jquery.tinycarousel.js в Редактор шаблонов

Далее в шаблоне HTML перед:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставляем:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.js"></script>

Далее в конец файла main.css вставляем:

/* Tiny Carousel */
#slider1 {
height: 100%;
margin: 30px 0 0;
overflow: hidden;
position: relative;
padding: 0 50px 10px;
clear: both;
}
#slider1 .viewport { height: 260px; overflow: hidden; position: relative; }
#slider1 .buttons {
background: #C01313;
border-radius: 35px;
display: block;
position: absolute;
top: 50%;
left: 0;
width: 35px;
height: 35px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 35px;
text-decoration: none;
font-size: 22px;
}
#slider1 .next {
right: 0;
left: auto;
top: 50%;
}
#slider1 .buttons:hover{
color: #C01313;
background: #fff;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 260px; border: 1px solid #dcdcdc; width: 236px;}

Далее заходим в шаблон Товары, в самом начале\первой строкой прописываем:

{% IF CATEGORY_NAME=Название категории %}
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
{% FOR goods %}
		 <li class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>
			
			 <h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
			 </div>
		 </li>
		 {% ENDFOR %}
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>
{% ELSE %}

"Название категории" меняете на свое и в самом конце шаблона прописываете:

{% ENDIF %}

Далее в конце main.js вставьте:

$(function() {
var url = 'Ссылка на категорию с товарами в карусели';
var id = '#insert-goods-opinion-list';
var injid = '#slider1';
if(id && injid && $(id).length) {
$.get(url, function(html) {
$(id).html($(html).find(injid));
$('#slider1').tinycarousel();
});
}
});

не забудьте изменить текст  'Ссылка на категорию с товарами в карусели'

далее в HTML где необходим вывод карусели с товаром вставляем:

<div id="insert-goods-opinion-list"></div>

Для изменения интервального времени, в файле jquery.tinycarousel.js найдите строку:

intervalTime:   3000   // interval time in milliseconds.

и увеличьте цифру до необходимого значения

[sotil]

Всё не то! карусель только в новой категории показывается,она горизонтальная и не проворачивается

 Vaccina (25 Октябрь 2014 - 02:05) писал:

Заранее в разделе Товары - Товары создаете скрытую категорию.

По следующей ссылке скачиваем архив

Скрытый текст

С папки responsive загружаем jquery.tinycarousel.js в Редактор шаблонов

Далее в шаблоне HTML перед:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставляем:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.js"></script>

Далее в конец файла main.css вставляем:

/* Tiny Carousel */
#slider1 {
height: 100%;
margin: 30px 0 0;
overflow: hidden;
position: relative;
padding: 0 50px 10px;
clear: both;
}
#slider1 .viewport { height: 260px; overflow: hidden; position: relative; }
#slider1 .buttons {
background: #C01313;
border-radius: 35px;
display: block;
position: absolute;
top: 50%;
left: 0;
width: 35px;
height: 35px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 35px;
text-decoration: none;
font-size: 22px;
}
#slider1 .next {
right: 0;
left: auto;
top: 50%;
}
#slider1 .buttons:hover{
color: #C01313;
background: #fff;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 260px; border: 1px solid #dcdcdc; width: 236px;}

Далее заходим в шаблон Товары, в самом начале\первой строкой прописываем:

{% IF CATEGORY_NAME=Название категории %}
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
{% FOR goods %}
		 <li class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>
			
			 <h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
			 </div>
		 </li>
		 {% ENDFOR %}
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>
{% ELSE %}

"Название категории" меняете на свое и в самом конце шаблона прописываете:

{% ENDIF %}

Далее в конце main.js вставьте:

$(function() {
var url = 'Ссылка на категорию с товарами в карусели';
var id = '#insert-goods-opinion-list';
var injid = '#slider1';
if(id && injid && $(id).length) {
$.get(url, function(html) {
$(id).html($(html).find(injid));
$('#slider1').tinycarousel();
});
}
});

не забудьте изменить текст  'Ссылка на категорию с товарами в карусели'

далее в HTML где необходим вывод карусели с товаром вставляем:

<div id="insert-goods-opinion-list"></div>

Для изменения интервального времени, в файле jquery.tinycarousel.js найдите строку:

intervalTime: 3000 // interval time in milliseconds.

и увеличьте цифру до необходимого значения

Всё не то! карусель только в новой категории показывается,она горизонтальная и не проворачивается
ранее я писал:

Здравствуйте, возможно ли поставить вертикальную карусель с контентом, чтобы она автоматически меняла товар?

Закачал такой:http://buildinternet.s3.amazonaws.com/projects/totem/index.html и загрузил в редактор шаблонов
1 Помогите его реализовать, на правом поле сайта, в плавающем режиме, чтобы он всегда был на экране.
2 Также возможно ли подключить какую то категорию, куда можно накидать товар и назвать всё это, например "до Вас купили"
3 Можно ли подключить время чередования товаров в карусели, причём разное, например: мы запустили слайдер, через 15 минут он сдвинулся на 1 позицию, через 5 минут ещё на 1 позицию, через полчаса на 3 позиции и т.д..
4 Кнопки прокрутки можно убрать или оставить , но только назад, если пользователь убрал мышку из карусели, возращается на последнее предложенное место.
Спасибо!

1,2 Давайте попробуем реализовать карусель "до Вас купили" на основании какой-то категории, может акции подойдут, чтобы туда накидать товар и пусть он крутится на всех страницах сайта.
3 Товар находящийся в карусели сдвигается по заданному времени и с заданным количеством сдвигаемых товаров.
Например изначально в карусели три позиции, мы задаём 5 минут времени , через которые товар сдвигается вниз на одну позицию, т.е. одна позиция уходит из карусели, другая (следующая) появляется, для второй смены товара задаём 15 минут и сдвиг на 2 товара, далее третий сдвиг через 30минут  и одна позиция, затем 5 минут и сдвиг на з позции. Тем самым создавая эффект поступления заказов .

[Mari-ina]

Еще раз повторю свои вопросы
1. Вернуть заголовок Акция над каруселью
2. Вернуть на место хиты,  так как теперь они у меня в кучу влево собрались. Редактировала карусель здесь
#column-left + #content .prod_hold  {margin: 0 6px 20px -4px;}
, после этого сместились хиты
3. Я не знаю из-за карусели или нет, но нарушилась адаптивность. При разрешении 800 - скрин 1 (уезжают и карусель и хиты), при разрешении менее 480 - скрин 2 (виден еще один элемент карусели, высота блока слишком большая), при разрешении 600 - появляется часть третьего блока карусели

[Alekseys]

 Mari-ina (25 Октябрь 2014 - 10:27) писал:

Еще раз повторю свои вопросы
1. Вернуть заголовок Акция над каруселью
2. Вернуть на место хиты,  так как теперь они у меня в кучу влево собрались. Редактировала карусель здесь
#column-left + #content .prod_hold  {margin: 0 6px 20px -4px;}
, после этого сместились хиты
3. Я не знаю из-за карусели или нет, но нарушилась адаптивность. При разрешении 800 - скрин 1 (уезжают и карусель и хиты), при разрешении менее 480 - скрин 2 (виден еще один элемент карусели, высота блока слишком большая), при разрешении 600 - появляется часть третьего блока карусели

Здравствуйте.
1. В шаблоне HTML замените

{%IF index_page_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0; background:red;padding:5px; color:#fff;">Акция</div>
{%ENDIF%}

на

<div style="position:absolute;right:0;top:0; background:red;padding:5px; color:#fff;">Акция</div>

2. Уточните пожалуйста на скриншоте как именно они должны располагаться.

[Mari-ina]

 Alekseys (25 Октябрь 2014 - 10:59) писал:

Здравствуйте.
1. В шаблоне HTML замените

{%IF index_page_goods.MAX_DISCOUNT_EXPIRED_AT%}
<div style="position:absolute;right:0;top:0; background:red;padding:5px; color:#fff;">Акция</div>
{%ENDIF%}

на

<div style="position:absolute;right:0;top:0; background:red;padding:5px; color:#fff;">Акция</div>

Ничего не изменилось, заголовок акция не появился

Цитата

2. Уточните пожалуйста на скриншоте как именно они должны располагаться.

Я хочу, чтобы товары были распределены равномерно, приблизительно так
Редактировала здесь

#column-left + #content .prod_hold {margin: 0 6px 20px -4px;}

, но тогда сдвигаются товары в карусели.

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

• 

[Mari-ina]

актуально!!!

[Mari-ina]

Кто-нибудь мне ответит?

[Danil]

 Mari-ina (26 Октябрь 2014 - 20:21) писал:

Кто-нибудь мне ответит?

Здравствуйте.
Чтобы поставить заголовок в шаблоне html перед строкой

<!-- Begin Wrapper -->

вставьте код

   <h2 class="heading_title"><span>Акции</span></h2>

Возможно Вам подойдет такой вариант с каруселью:
в carousel.css найдите код

.d-carousel .jcarousel-container-horizontal {
width: 935px;
padding: 0 25px;
}

и замените на

.d-carousel .jcarousel-container-horizontal {
width: 1405px;
padding: 0 25px;
margin: 0 auto;
margin-bottom: 20px;
}

[Mari-ina]

 Danil (26 Октябрь 2014 - 20:32) писал:

Здравствуйте.
Чтобы поставить заголовок в шаблоне html перед строкой

<!-- Begin Wrapper -->

вставьте код

<h2 class="heading_title"><span>Акции</span></h2>

Возможно Вам подойдет такой вариант с каруселью:
в carousel.css найдите код

.d-carousel .jcarousel-container-horizontal {
width: 935px;
padding: 0 25px;
}

и замените на

.d-carousel .jcarousel-container-horizontal {
width: 1405px;
padding: 0 25px;
margin: 0 auto;
margin-bottom: 20px;
}

Заголовок Акция появился- спасибо! А  вот с хитами по-прежнему проблема, мне нужно чтобы они были так  http://forum.storela...attach_id=25824