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


Публикации Cybernetic

230 публикаций создано Cybernetic (учитываются публикации только с 06-Июль 23)



#232651 Мобильная Версия

Отправлено от Cybernetic в 31 Март 2016 - 22:26 в Каталог товаров

Ирина345
Гугл тест мобильный прошел, яндекс все еще ругается, скриншот

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

  • 1.jpg
  • 2.jpg



#247893 Мобильная Версия

Отправлено от Cybernetic в 16 Сентябрь 2016 - 11:55 в Каталог товаров

Просмотр сообщенияStasya (14 Сентябрь 2016 - 11:13) писал:

Здравствуйте. Скажите, пожалуйста, Ваш вопрос еще актуален?

Да очень актуален!



#239233 Мобильная Версия

Отправлено от Cybernetic в 03 Июнь 2016 - 22:43 в Каталог товаров

Здравствуйте.

Необходимо изменение блоков на сайте при разрешении 1024x

1) Шапка сайта (как на рис)
2) Вертикальное меню как при разрешении 360px
3)Необходимо что бы блоки вертикального меню все вмещались + был поиск как на рис
4)Шапка сайта должна быть такой же как и при разрешении 1221 (имеется ввиду пропорционально уменьшалась как на рис), ни чего не разъезжалось.
5) Отображать блок "перейти в каталог брендов"

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

  • speeedrun.jpg



#247303 Мобильная Версия

Отправлено от Cybernetic в 08 Сентябрь 2016 - 14:19 в Каталог товаров

Добрый день.

Поправить мобильную версию сайта.
Общие изменения на сайте:
При тапе (нажатии) на блок телефона и города инициируется вызов по текущему номеру телефона.

Шапка сайта и каталог.для iphone 5 (пользуюсь сервисом http://www.mobilephoneemulator.com/) на айфоне так же.

Если шапку сайта удаться поменять для разрешений 320px (айфон 5 вроде) нужно так как на картине.сделать и для разрешений не выше 480px

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

  • iphone 5.jpg



#247021 Мобильная Версия

Отправлено от Cybernetic в 05 Сентябрь 2016 - 21:00 в Каталог товаров

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


Бэкап 05.09.2016 20:56:34 (последние ваши изменения)
откатил до 05.09.2016 16:36:41



#246878 Мобильная Версия

Отправлено от Cybernetic в 04 Сентябрь 2016 - 19:58 в Каталог товаров

Добрый день.

Помогите видоизменить главную страницу (а так же отображение папок каталогов) в соответствии со скриншотом.(так же прилагаю скриншот с размерами шрифтов)
Все изменения делать для разрешения не более 480, теперь подробнее:

1) Шапка сайта при разрешении 480 и меньше (при клике на блок "главная" появляется меню, оно и так появляется при просмотре на мобильном телефоне просто седлайте так как на картинке, имею ввиду расположение блока). ТАк же все элемента блока хедера необъодимо поместить так же как на картинке при разрешении480 и меньше
2) Поиск и перейти в каталог брендов, расположение так же как и на картинке
3) Визуальное отображение каталога категорий - в точности как на картинке (ВАЖНО сделать именно так как на картинке) ни его ни куда не уходит и не сьезжает
4)Блок и так сейчас такой, только нужно исправить отображение страниц при клике на блоки меню - сейчас при любом клике и переходе у нас ни чего не отображается

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

  • first.jpg
  • first_fonts.jpg



#246879 Мобильная Версия

Отправлено от Cybernetic в 04 Сентябрь 2016 - 20:13 в Каталог товаров

Мобильная версия сайта_каталог товаров

как и в прошлом посте прилагаю скриншот а ниже по порядку (так же для разрешений 480 и ниже)

1) Блок хлебных крошек и фильтров, хлебные крошки следует располагать друг по другом т.е. если у нас категория "водонагреватели>проточные>накопительные" то ее следует отображать на мобильном устройстве:

водонагреватели>
проточные>
накопительные"

Фильтры как я понял открываются при клике, но они не открываются, т.е. ни чего не происходит (проверял на 5 телефонах) исправьте пожалуйста.

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

3)нежний элемент отображать так как тут.

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

  • catalog tovarov2.jpg



#247009 Мобильная Версия

Отправлено от Cybernetic в 05 Сентябрь 2016 - 18:39 в Каталог товаров

Просмотр сообщенияStasya (05 Сентябрь 2016 - 17:47) писал:

Все необходимые изменения проделала. Проверьте, пожалуйста, на Вашем сайте.
Отображение шапки сайта на мобильном устройстве на точно такое же какое требовалось((( плюс слетела шапка на пк версии (больше 1023px)



#238577 Мобильная Версия

Отправлено от Cybernetic в 27 Май 2016 - 09:56 в Каталог товаров

На мобильной версии (360px) в каталоге товаров можно сделать фильтры не как сейчас на сайте(рис) а всплывающими списками/
Так же "летит" верстка фильтров "цена" - диапазон и "вид списка"

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

  • 123.jpg



#238574 Мобильная Версия

Отправлено от Cybernetic в 27 Май 2016 - 09:49 в Каталог товаров

Просмотр сообщенияИрина345 (27 Май 2016 - 09:16) писал:

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

Очень жаль( можно возвратить каталог товаров тогда? Не убирая при этом всплывающий каталог. На главной каталога с картинками не будет, нужно что бы на главной осталось всё как есть сейчас, а при переходе на категорию каталог вертикальный схлопывался (как он сейчас и делает) и отображался картиночный плиточный каталог.



#234601 Мобильная Версия

Отправлено от Cybernetic в 19 Апрель 2016 - 21:28 в Каталог товаров


Firefly спасибо!



#234558 Мобильная Версия

Отправлено от Cybernetic в 19 Апрель 2016 - 16:19 в Каталог товаров

Добрый день.

1) Помогите подредактировать страницу на сайте http://santechbomba....age/santehbomba
при уменьшении размера монитора или при открывании на мобильном устройстве контент "ломается". хотя с той же таблицей как тут http://santechbomba.ru/page/stock все нормально.
Скриншот во влажении

2) необходимо что бы картинки открывались большими при клике (как в карточке товара).

Помогите пожалуйста это реализовать.

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

  • 124.jpg



#232709 Мобильная Версия

Отправлено от Cybernetic в 01 Апрель 2016 - 12:08 в Каталог товаров

Vaccina сделал как вы просили и даже больше увеличил все шрифты  до 12px, но тем не менее яндекс бракует сайт "на мобильность". Задал вопрос яндексу, получил ответ:


Дело в том, что браузер, открывающий страницы Вашего сайта может уменьшать её размеры до размеров экрана смартфона (например, до ширины экрана в 320px). Из-за масштабирования текст на сайте также меняется пропорционально, поэтому в конечном итоге он может отображаться меньше, чем 12px. Поэтому Вам необходимо подобрать такой размер шрифта, чтобы в конечном варианте он отображался согласно рекомендациям.
Кроме того, рекомендуем приводить мета-тег "viewport" к виду <meta name="viewport" content="width=device-width, initial-scale=1".

Возможно как то это исправить и применить мета-тег "viewport" к тому виду который они хотят?



#234865 Мобильная Версия

Отправлено от Cybernetic в 22 Апрель 2016 - 09:01 в Каталог товаров

Просмотр сообщенияЮля123 (01 Апрель 2016 - 12:27) писал:

Здравствуйте, да, если изменить строку:

<meta name="viewport" content="width=767" />

на строку:

<meta name="viewport" content="width=device-width, initial-scale=1">

то у Вас сайт будет подстраиваться под любые устройства с нужными шрифтами. Но это повлечет за сбой большой фронт работ по адаптации сайта для всех устройств.

Ну или вариант проще - сделать для сайта на разрешении 767 шрифт не 12px, а например, 15-18, возможно, так будет лучше отображаться.

Сделал по вашим инструкциям но проверку Яндекса не прошел всё равно

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

  • 1.jpg



#238405 Мобильная Версия

Отправлено от Cybernetic в 26 Май 2016 - 01:34 в Каталог товаров

Доброго времени суток.

Возможно ли при на разрешении 360px вертикальный каталог который сейчас у нас есть, заменять на стандартный вертикальный каталог темы "осень"?
Подробнее на рис .
Задача: Выводить в место категорий иконок на сайте стандартный вертикальный каталог осени чуть доработанный: (рис 2)

логика вертикального меню:
1. на главной развернуто
2. При выборе каталога товаров вертикальное меню схлопывается верх (можно нажать и вызвать снова)
3. На карточке товара такая же логика как и в каталоге товаров.

Принцип действия как в шаблоне лазурь где меню вызывается тапом и расправляется

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

  • menue.jpg



#238556 Мобильная Версия

Отправлено от Cybernetic в 27 Май 2016 - 05:54 в Каталог товаров


Ирина345 сделал по всё по вашим инструкциям, всё работает, но вертикальное меню схлопывается при переходе на каталог категории (так недолжно быть), вертикальное меню должно схлопываться только в карточке товаров и в каталоге товаров. Помогите исправить.



#238475 Мобильная Версия

Отправлено от Cybernetic в 26 Май 2016 - 11:52 в Каталог товаров

Ирина345


Изменения на сайте произвел, вижу, можно немного подкорректировать?
Вот что нужно.
1) Хотелось бы плиточный каталог убрать (при 360) оставить только вертикальный но открытый везде кроме карточек товара и каталога товаров.
2) Изменить цвет кнопок без наведения, -5979B4 CSS цвет
с наведением(нажатая вход в каталог) - DD137B CSS цвет
3) Добавить "плюсики" к кнопкам (рис)

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

  • arte1.jpg



#244759 Мобильная Версия

Отправлено от Cybernetic в 12 Август 2016 - 10:02 в Каталог товаров

Добрый день.

Необходимо изменить карточку товара при разрешении от 360 и до 480

карточка товара из примера
http://santechbomba....kso-volk-16-kvt

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

  • моб 1.jpg
  • моб стар.jpg



#243006 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 19 Июль 2016 - 13:10 в Общие вопросы

Ирина к сожалению не удается найти информацию по стилям формы поиска яндекса, там такой информации просто нет.

Подредактируйте пожалуйста так что бы получилось как на картинке. (рис)

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

  • search 2.jpg



#243018 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 19 Июль 2016 - 14:02 в Общие вопросы

Просмотр сообщенияИрина345 (19 Июль 2016 - 13:52) писал:

Добавьте в конец файла main.css
#header #search .ya-site-form__submit {
width: 67px;
height: 20px;
background: #ccc;
border: 1px ridge;
cursor: pointer;
}
#header #search .ya-site-form__input-text {
width: 202px;
height: 20px;
color: #CCc !important;
}

Произвел изменения на сайте. Но к сожалению это не то что хотелось бы, визуально нужно сделать как на картинке что бы поиск был так же:
1) на разрешении 1366 и выше поиск начинался от блока перейти в каталог брендов (с небольшим отступом) и заканчивался возле кнопки "главная"
2) У поиска кнопка была (фон) белого цвета.
3) Подскажите пожалуйста как уменьшить border у формы поиска, т.е. какой код за это отвечает.

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

  • search3.jpg



#242995 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 19 Июль 2016 - 11:48 в Общие вопросы

Добрый день.

Помогите поставить форму поиска яндекса на сайт, как ни ставлю у меня всё слетает и не работает.

Пытался вставить код вот сюда

<div id="search">
			 <form id="search_mini_form" class='button'action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Умный поиск ...') return false;">
														 <button title="Искать" type="submit" value="Поиск" class="button-search" id="poisk"></button>
														 <label for="poisk"><span style="color:#000000">Поиск</span></label>
														 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}{% ENDIF %}" style="color:#000000" onfocus="if(this.value==' '){this.value='';}" onblur="if(this.value==''){this.value=' ';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
												 </form>
		 </div>

Но получалось вот это (на рис) но нужно как на рис.

Есть код от яндекса "Код формы поиска"
<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://santechbomba.ru/search','arrow':false,'bg':'#5979B4','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по сайту Сантехбомба','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2275439,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Введите запрос','input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"><form action="https://yandex.ru/search/site/" method="get" target="_self" accept-charset="utf-8"><input type="hidden" name="searchid" value="2275439"/><input type="hidden" name="l10n" value="ru"/><input type="hidden" name="reqenc" value=""/><input type="search" name="text" value=""/><input type="submit" value="Найти"/></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>

Код результатов поиска
<div id="ya-site-results" onclick="return {'tld': 'ru','language': 'ru','encoding': '','htmlcss': '1.x','updatehash': true}"></div><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0];s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Results.init();})})(window,document,'yandex_site_callbacks');</script>

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

  • поиск.jpg



#243141 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 20 Июль 2016 - 13:18 в Общие вопросы

Необходимо произвести изменения отображения блоков. Подогнать блоки друг к другу. Боле подробнее на рис.

1) баннер подогнать в плотную к вертикальному меню с отступом в 5px (напишите пожалуйста где менять это значение)
2) Блок поиска начинается параллельно левому краю баннера.
3) Блок вертикального меню начинается параллельно правому краю баннера.

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

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

  • search3.jpg



#243170 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 20 Июль 2016 - 19:03 в Общие вопросы

Firefly
полез поиск, он сдвинулся в низ при разрешениях 1280 и 1366 и выше (рис) нужно что бы было как на рис.

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

  • SW83__25_.jpg
  • SW83_3_.jpg



#243174 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 20 Июль 2016 - 19:32 в Общие вопросы

Просмотр сообщенияAlekseys (20 Июль 2016 - 19:12) писал:

Здравствуйте. В main.css перенесите
#header #search {
width: 200px;
}
и
#header .links {
/* clear: both;*/
float: right;
margin: 0 auto 20px;
padding-right: 0;
}
из блока
@media only screen and (max-width: 1024px)
в блок
@media only screen and (max-width: 1222px)

не помогло, проблема та же



#243179 Установка Умного Поиска Яндекс

Отправлено от Cybernetic в 20 Июль 2016 - 20:57 в Общие вопросы

Просмотр сообщенияFirefly (20 Июль 2016 - 20:05) писал:

На указанных разрешениях внес Вам дополнительные правки.
Теперь все должно отображаться корректно. Не забудьте очистить кэш.

Проблема всё та же, кеш почистил, проверил на 3 браузерах - файрфокс, хром, яндекс