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


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

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

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

#21 Cybernetic

Cybernetic

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

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

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

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

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

  • news_hits.jpg


#22 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (28 Июль 2014 - 09:07) писал:

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

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

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

#23 Cybernetic

Cybernetic

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

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

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

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

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

#24 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (28 Июль 2014 - 10:00) писал:

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

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

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

#25 Cybernetic

Cybernetic

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

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

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

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

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

#26 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (28 Июль 2014 - 10:07) писал:

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

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

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

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

#27 Cybernetic

Cybernetic

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

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

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

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

#28 MikDark

MikDark

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

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

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

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

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

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

#29 Cybernetic

Cybernetic

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

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

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

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

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

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

  • news_hits1.jpg


#30 MikDark

MikDark

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

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

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

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

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

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

В шаблоне tunycarousel.css Вам нужно найти:
#slider1 .viewport {
height: 370px;
overflow: hidden;
position: relative;
}

и уменьшить height

#31 Cybernetic

Cybernetic

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

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

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


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


#32 Avora

Avora

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

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

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

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

#33 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
{BODY}
переместите его поставив после:
{% ENDIF %}
			<!-- /Список избранных товаров на главной -->
		  {% ENDIF %}
		  <!-- /Главная страница --> 


#34 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 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;
}

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

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

  • 12.jpg


#35 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 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

Cybernetic

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

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

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


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


#37 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 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

Cybernetic

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

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

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

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

#39 Cybernetic

Cybernetic

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

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

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

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

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

  • ifmything.jpg
  • ifmything1.jpg


#40 Vaccina

Vaccina

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

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

Отправлено 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;
}
также замените иконку поиска, в желаемом она иного цвета





Темы с аналогичным тегами главная слайдер

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

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