Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Изменить Главную Страницу

Автор pdulepov, 25 июня 2014 15:17

главная слайдер

Назад

Авторизуйтесь для ответа в теме

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

#21 Cybernetic

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

Пользователи
1 014 сообщений

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

Доброго времени суток.
Помогите реализовать способ слада новинок и хитов:
- хотелось бы что бы новинки автоматически пролистывались
- была возможность "отлистать" обратно или вперед
- реализовать с уже существующими товарами а не делать слайдер(фото)
(Т.е. я бы хотел: добавить новинки на главную штук 20-30 но отображение лимит товаров 5 а остальные листались )
Подробнее на картинке

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

Наверх

#22 MikDark

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

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

Отправлено 28 Июль 2014 - 09:33

Cybernetic (28 Июль 2014 - 09:07) писал:

Доброго времени суток.
Помогите реализовать способ слада новинок и хитов:
- хотелось бы что бы новинки автоматически пролистывались
- была возможность "отлистать" обратно или вперед
- реализовать с уже существующими товарами а не делать слайдер(фото)
(Т.е. я бы хотел: добавить новинки на главную штук 20-30 но отображение лимит товаров 5 а остальные листались )
Подробнее на картинке

Попробуйте для начала установить по инструкции: http://forum.storela...лож/#entry32986

Далее, если все получится, нужно будет чуть заменить стили, мы поможем

Наверх

#23 Cybernetic

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

Пользователи
1 014 сообщений

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

MikDark я уже устанавливал всё по инструкции, весь сайт съезжал, так и не смог добиться нормального отображения пришлось отказаться от этого способа.

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

Наверх

#24 MikDark

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

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

Отправлено 28 Июль 2014 - 10:02

Cybernetic (28 Июль 2014 - 10:00) писал:

MikDark я уже устанавливал всё по инструкции, весь сайт съезжал, так и не смог добиться нормального отображения пришлось отказаться от этого способа.

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

Вы файлы из архива загрузите и подключите их в head, а саму карусель поможем установить.

Наверх

#25 Cybernetic

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

Пользователи
1 014 сообщений

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

MikDark все сделал добавил файлы из архива и подключил в head(надеюсь правельно)

Коды я трогать не буду, отпишитесь пожалуйста как все закончите. Заранее спасибо

Наверх

#26 MikDark

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

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

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

Cybernetic (28 Июль 2014 - 10:07) писал:

MikDark все сделал добавил файлы из архива и подключил в head(надеюсь правельно)

Коды я трогать не буду, отпишитесь пожалуйста как все закончите. Заранее спасибо

Работы ведем. Уточните еще, скрипт tinycarousel где-нибудь у Вас используется?

Потому что файлы от него есть и они могут мешать работе.

Наверх

#27 Cybernetic

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

Пользователи
1 014 сообщений

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

MikDark скорее да чем нет, он раньше использовался в слайдере на главной(в верху) сейчас вместо него баннер(gif)
я думаю мы не будем использовать слайдер, по крайней мере пока, можно его удалить

Наверх

#28 MikDark

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

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

Отправлено 28 Июль 2014 - 10:37

Cybernetic (28 Июль 2014 - 10:25) писал:

MikDark скорее да чем нет, он раньше использовался в слайдере на главной(в верху) сейчас вместо него баннер(gif)
я думаю мы не будем использовать слайдер, по крайней мере пока, можно его удалить

Сделали на базе tinycarousel, посмотрите. Но по 5 товаров убираться не смогут.

Наверх

#29 Cybernetic

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

Пользователи
1 014 сообщений

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

MikDark все отлично, можно еще немного подкорректировать? Убрать пустое место под "Новинками " что бы "Популярные товары были ближе"

Подробнее на картинке внизу

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

Наверх

#30 MikDark

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

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

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

Cybernetic (28 Июль 2014 - 11:11) писал:

MikDark все отлично, можно еще немного подкорректировать? Убрать пустое место под "Новинками " что бы "Популярные товары были ближе"

Подробнее на картинке внизу

В шаблоне tunycarousel.css Вам нужно найти:

#slider1 .viewport {
height: 370px;
overflow: hidden;
position: relative;
}

и уменьшить height

Наверх

#31 Cybernetic

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

Пользователи
1 014 сообщений

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

MikDark спасибо большое, все работает.

Наверх

#32 Avora

Пользователь

Пользователи
26 сообщений

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

Как сделать, чтобы на главной - и только на главной - текстовый блок располагался ПОД всеми модулями с картинками (т.е. под хитами, новинками, товарами на главной), внизу страницы. На всех остальных страницах блок должен остаться на месте, как есть - наверху страницу, над каталогом.

Наверх

#33 Vaccina

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

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

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

В шаблоне HTML найдите:

{BODY}

переместите его поставив после:

{% ENDIF %}
			<!-- /Список избранных товаров на главной -->
		  {% ENDIF %}
		  <!-- /Главная страница -->

Наверх

#34 Cybernetic

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

Пользователи
1 014 сообщений

Отправлено 01 Август 2014 - 13:34

Доброго времени суток.
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox

2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:

img{
    display: block;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}
img:hover {
    opacity: .7;
    -webkit-transform: scale(1.11,1.11);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.11,1.11);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}

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

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

Наверх

#35 AnnaM

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

Пользователи
1 040 сообщений

Отправлено 01 Август 2014 - 14:15

Cybernetic (01 Август 2014 - 13:34) писал:

Доброго времени суток.
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox

2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:

img{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}

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

Добрый день! вместо

 img:hover

укажите в коде

.goods-cat-image-medium img:hover

Наверх

#36 Cybernetic

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

Пользователи
1 014 сообщений

Отправлено 01 Август 2014 - 14:24

AnnaM ваш способ убрал увеличение вообще, у всего)

Наверх

#37 Alekseys

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

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

Отправлено 01 Август 2014 - 20:10

Cybernetic (01 Август 2014 - 13:34) писал:

Доброго времени суток.
Помогите пожалуйста:
1) Выровнять шапку сайта(телефон сьехал) браузер firefox

2) Убрать увеличение изображения на шапке сайта и футере(внизу) просто я внедрил на сайт:

img{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}

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

Здравствуйте, по поводу увеличения картинок - в main.css замените код:

img{

opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
img:hover {
opacity: .7;
-webkit-transform: scale(1.11,1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}

на:

img{opacity: 1}

и найдите

.goods-cat-image-medium {
	 max-width: 70px;
}

измените на

.goods-cat-image-medium {
max-width: 70px;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms; }

.goods-cat-image-medium:hover {opacity: .7; -webkit-transform: scale(1.11,1.11);-moz-transform: scale(1.11,1.11);}

По поводу шапки сайта - пожалуйста, уточните, как она должна располагаться.

Наверх

#38 Cybernetic

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

Пользователи
1 014 сообщений

Отправлено 04 Август 2014 - 06:26

Alekseys ваш способ тоже убрал увеличение у всего)
Пока скинул(main.css) как было до этого

Наверх

#39 Cybernetic

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

Пользователи
1 014 сообщений

Отправлено 04 Август 2014 - 10:41

Доброго времени суток.
Помогите видоизменить шапку сайта(как можно быстрее)
- изменить местоположение навигационных кнопок
- изменить стиль карзины
- изменить стиль написания телефона
- поиск (видоизменит так же как на картинке внизу)
Хочется сделать точно как на картинках внизу.

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

Наверх

#40 Vaccina

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

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

Отправлено 05 Август 2014 - 04:07

- меню уже у вас перемещено, по поводу изменения вида отображения, в Main.css находим:

#main_nav li a {
background: -moz-linear-gradient(center top , #9baad3, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #0a3c59;
border-radius: 6px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
color: #06426c;
font-family: helvetica,serif;
font-size: 15px;
margin: 0 3px 0 0;
padding: 11.5px 23px;
text-decoration: none;
text-shadow: 0 1px 0 #7ea4bd;
vertical-align: middle;
}

меняем на:

#main_nav li:nth-child(2n) a {
	color: #FFE000;
}
#main_nav li a {
	background: none;
	color: #fff;
	font: bold 18px helvetica;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

далее находим и удаляем:

#header .links a {
display: block;
float: left;
font-size: 14px;
font-weight: bold;
padding: 11px 10px 9px;
text-decoration: none;
}

- В шаблоне HTML найдите:

		 <div class="heading">
			 <h4>Корзина покупок</h4>
			 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
			 {% IF cart_count_empty %}
			 <span class="red">0</span>
			 {% ELSE %}
				 {CART_COUNT_TOTAL}
			 {% ENDIF %}
				 - на сумму
			
			 {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>

замените на:

		 <div class="heading">
			 <a href="{CART_URL}" title="Перейти в корзину"><span>Корзина</span>
<span> {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>

и перенесите его поставив перед:

<div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>

далее в main.css найдите:

#header #cart .heading a {
color: #ffffff;
font-size: 15px;
text-decoration: none;
}

замените на:

#header #cart .heading>a span {
float: right;
}
#header #cart .heading>a>span:nth-child(1) {
float: left;
}
#header #cart .heading>a {
display: block;
background: #FFE000;
color: #000;
font-weight: bold;
width: 210px;
padding: 5px;
}
#header #cart .heading a {
color: #ffffff;
font-size: 15px;
text-decoration: none;
}

также найдите:

#header #cart .heading {
float: right;
margin-top: -23px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
}

замените на:

#header #cart .heading {
float: right;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
}

- добавьте время работы и город, уточните также на счет города, он у вас изображен в виде выпадающего списка

- в main.css найдите:

#header #search {
background: -moz-linear-gradient(center top , #5066a2, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 2px solid #0a3c59;
border-radius: 12px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
color: #06426c;
float: right;
font-family: helvetica,serif;
font-size: 15px;
margin-bottom: 0;
position: relative;
right: 0;
text-decoration: none;
text-shadow: 0 1px 0 #7ea4bd;
top: 0;
vertical-align: middle;
width: 225px;
z-index: 15;
}
#header .button-search {
background: url("http://design.santechbomba.ru/button-search.png") no-repeat scroll center center #dd137b;
border: medium none;
border-radius: 50%;
cursor: pointer;
height: 30px;
position: absolute;
right: 10px;
top: 3px;
transition: all 0.5s ease 0s;
width: 30px;
}
#header #search:hover .button-search {
transform: rotate(360deg);
}
#header #search input {
height: 21px;
padding: 8px;
width: 160px;
}

замените на:

#header #search {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
margin: -10px 10px 10px 0;
position: relative;
vertical-align: middle;
width: 260px;
}
#header .button-search {
background: url("http://design.santechbomba.ru/button-search.png") no-repeat scroll center center #ccc;
border: medium none;
cursor: pointer;
float: right;
height: 33px;
transition: all 0.5s ease 0s;
width: 28px;
}
#header #search:hover .button-search {
transform: rotate(360deg);
}
#header #search input {
background: none repeat scroll 0 0 #fff;
color: #ccc;
height: 21px;
margin-right: 5px;
padding: 5px;
width: 215px;
}

также замените иконку поиска, в желаемом она иного цвета