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


Главная Страница Движение

шапка фон выпадающее меню слайдер

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

#41 Ирина345

Ирина345

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

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

Отправлено 31 Январь 2015 - 14:55

Просмотр сообщенияВладимир Ал (31 Январь 2015 - 14:31) писал:

Выберите пункт меню так и не появилось на смартфоне
о каком именно пункте меню Вы говорите.

#42 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 01 Февраль 2015 - 18:31

Просмотр сообщенияИрина345 (31 Январь 2015 - 14:55) писал:

о каком именно пункте меню Вы говорите.
Самое главное меню - главная,  доставка, контакты в адаптивной версии складывается в черную полоску с надписью Выберите пункт меню.  Но из за неправильной настройки эта строка вынесена за пределы экрана. В предыдущем скрине она отмечена.


#43 golodayushii

golodayushii

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

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

Отправлено 02 Февраль 2015 - 09:17

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

Уточните, пожалуйста, на сколько вам её нужно сделать меньше?
в половину короче. Да и подскажите еще как увеличить интервал между слайдами и текстом

Просмотр сообщенияgolodayushii (02 Февраль 2015 - 09:15) писал:

в половину короче. Да и подскажите еще как увеличить интервал между слайдами и текстом
и еще добавить колличество слайдов. Заранее спасибо)

#44 RayLi

RayLi

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

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

Отправлено 02 Февраль 2015 - 10:50

Просмотр сообщенияgolodayushii (02 Февраль 2015 - 09:17) писал:

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

и еще добавить колличество слайдов. Заранее спасибо)
Здравствуйте.
В шаблоне style.css найдите код:
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}
И замените его вот эти кодом:
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 50%;
margin-top: 185px;
margin-left: -557px;
}
А так же уточните пожалуйста, желательно на скриншоте о каком именно интервале идёт речь?

Помимо этого сообщите нам, пожалуйста, сколько слайдов вам необходимо добавить?

#45 golodayushii

golodayushii

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

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

Отправлено 02 Февраль 2015 - 17:10

Просмотр сообщенияRayLi (02 Февраль 2015 - 10:50) писал:


Здравствуйте.
В шаблоне style.css найдите код:
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}
И замените его вот эти кодом:
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 50%;
margin-top: 185px;
margin-left: -557px;
}
А так же уточните пожалуйста, желательно на скриншоте о каком именно интервале идёт речь?

Помимо этого сообщите нам, пожалуйста, сколько слайдов вам необходимо добавить?
чтобы картинки в слайдере аоявлялись с интервалом 15 секунд, колличество слайдов было не 4, а 8 и текст с таким же интервалом появлялся

#46 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 02 Февраль 2015 - 20:39

Просмотр сообщенияВладимир Ал (01 Февраль 2015 - 18:31) писал:


Самое главное меню - главная,  доставка, контакты в адаптивной версии складывается в черную полоску с надписью Выберите пункт меню.  Но из за неправильной настройки эта строка вынесена за пределы экрана. В предыдущем скрине она отмечена.
?

#47 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2015 - 05:37

В style.css найдите:
.nav-container {
  background: none;
  margin-top: 0;
  text-align: left;
}

замените на:
.nav-container {
  background: none;
  clear: both;
  margin: 0;
  text-align: left;
}
.nav-container .menu_block_head_button {
	width: 100%;
}


#48 golodayushii

golodayushii

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

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

Отправлено 03 Февраль 2015 - 08:38

Просмотр сообщенияgolodayushii (02 Февраль 2015 - 17:10) писал:

чтобы картинки в слайдере аоявлялись с интервалом 15 секунд, колличество слайдов было не 4, а 8 и текст с таким же интервалом появлялся
Спасибо, но вот эта полоса  мешает, пополам бы ее тоже

Новый точечный рисунок.jpg

#49 Danil

Danil

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

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

Отправлено 03 Февраль 2015 - 09:11

Просмотр сообщенияgolodayushii (03 Февраль 2015 - 08:38) писал:

Спасибо, но вот эта полоса  мешает, пополам бы ее тоже

Прикрепленный файл Новый точечный рисунок.jpg
В style.css найдите код
#header .container {border-bottom: solid 5px #ff0000;background: url('{ASSETS_IMAGES_PATH}header-bg.png?design=movement');}
и замените на
#header .container {background: url('{ASSETS_IMAGES_PATH}header-bg.png?design=movement');}
найдите
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 50%;
margin-top: 185px;
margin-left: -557px;
}
и замените на
.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 50%;
margin-top: 185px;
margin-left: -557px;
border-bottom: solid 5px #ff0000;
}


#50 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 03 Февраль 2015 - 09:46

Просмотр сообщенияVaccina (03 Февраль 2015 - 05:37) писал:

В style.css найдите:
.nav-container {
background: none;
margin-top: 0;
text-align: left;
}

замените на:
.nav-container {
background: none;
clear: both;
margin: 0;
text-align: left;
}
.nav-container .menu_block_head_button {
width: 100%;
}
указывайте пожалуйста привязку своего ответа, а то не понятно кому адресовано. Почему то в одной теме параллельно настраиваются  две независимые друг от друга сайты с разной скоростью ответов на вопросы.
по теме  получилось не совсем то - на скрине видно.
и другое- с категориями ( и подкатегориями)  товаров как быть?Нужно чтоб они были такой же формы как на скрине.

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

  • 2015-02-03 10-38-08 Screenshot_2015-02-03-09-34-42 - Средство просмотра фотографий Windows.png
  • 2015-01-30 17-14-39 Меню С Картинками - Изменение общей стилистики - Форум владельцев интернет-магазинов - Google Chrome.png


#51 Ирина345

Ирина345

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

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

Отправлено 03 Февраль 2015 - 09:54

Просмотр сообщенияВладимир Ал (03 Февраль 2015 - 09:46) писал:

указывайте пожалуйста привязку своего ответа, а то не понятно кому адресовано. Почему то в одной теме параллельно настраиваются  две независимые друг от друга сайты с разной скоростью ответов на вопросы.
по теме  получилось не совсем то - на скрине видно.
и другое- с категориями ( и подкатегориями)  товаров как быть?Нужно чтоб они были такой же формы как на скрине.
Здравствуйте, уточните что именно Вам необходимо изменить.
где должен отображаться поиск?

#52 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 03 Февраль 2015 - 10:00

в горизонт виде поиск нужно  поднять вверх иначе красная полоска снизу меню соединяет красные ячейки кнопки поиск и корзина - что некрасиво.
а вертикальном виде слова выберите пункт меню разместить в черной рамке в одной строчке с стрелочкой как в горизонт виде. На скрине это видно.

#53 Ирина345

Ирина345

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

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

Отправлено 03 Февраль 2015 - 10:15

Просмотр сообщенияВладимир Ал (03 Февраль 2015 - 10:00) писал:

в горизонт виде поиск нужно  поднять вверх иначе красная полоска снизу меню соединяет красные ячейки кнопки поиск и корзина - что некрасиво.
а вертикальном виде слова выберите пункт меню разместить в черной рамке в одной строчке с стрелочкой как в горизонт виде. На скрине это видно.
Найдите в style.css
  #header .nav-container #menu_block_head{display: block;margin-top: 10px;}

замените на
#header .nav-container #menu_block_head{display: block;margin-top: 45px;}

далее найдите

#search{display: block;position: relative;top: 120px;left: 0;width: 400px;}
замените на
 #search{display: block;position: relative;top: 74px;left: 0;width: 400px;}
далее найдите
  .shopping_cart_block {right: 0px; top: 120px;}
заменит на
  .shopping_cart_block {right: 0px; top: 74px;}
далее найдите

@media only screen and (max-width: 479px) {
замените на





@media only screen and (max-width: 479px) {

  .nav-container .nav_block_head_field {
width: 250px;
padding-left: 10px;
padding-right: 10px;
background-color: #000000;
float: left;
height: 36px;
color: #868686;
outline: none;
text-decoration: none;
line-height: 36px;
cursor: pointer;
}






#54 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 04 Февраль 2015 - 10:17

да получилось.
Теперь с группами и подгруппами товаров нужно разобраться.
Чтобы в клетке был сначала логотип группы  а после в той же строчке название группы.
Сейчас стоит сверху логотип снизу название.

#55 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2015 - 02:18

В style.css добавьте:
.product-list2 .main_general .product {
	width: 150px;
}
.product-list2 .main_general .product-image-wrapper, .product-list2 .main_general .product-name {
	display: inline-block;
}


#56 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 10:07

не совсем как хотелось

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

  • ить.png


#57 Alekseys

Alekseys

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

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

Отправлено 05 Февраль 2015 - 10:18

Просмотр сообщенияВладимир Ал (05 Февраль 2015 - 10:07) писал:

не совсем как хотелось
Здравствуйте. В style.css добавьте
.product-image-wrapper.goods-cat-image-medium-square {
width: 65px;
}


#58 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 10:35

ничего не поменялось

#59 Alekseys

Alekseys

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

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

Отправлено 05 Февраль 2015 - 10:48

Просмотр сообщенияВладимир Ал (05 Февраль 2015 - 10:35) писал:

ничего не поменялось
Данный блок
.product-image-wrapper.goods-cat-image-medium-square {
width: 65px;
}
перенесите, поставив в самый конец style.css.

#60 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 10:56

ПОСЛЕДНИЙ блок все равно остался отдельно, нельзя все же размеры сделать так как на скрине.:?
в подкатегориях наименования длиннее  будут - это наверно тоже влияет- там ячейки разноразмерные получаются.





Темы с аналогичным тегами шапка фон, выпадающее меню, слайдер

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

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