Отправлено от Barmalei в 12 Декабрь 2019 - 22:24 в Изменение общей стилистики

Отправлено от Barmalei в 18 Апрель 2019 - 10:59 в Оформление заказа

Отправлено от Barmalei в 22 Апрель 2019 - 09:27 в Оформление заказа

Отправлено от Barmalei в 05 Апрель 2019 - 16:38 в Оформление заказа

Отправлено от Barmalei в 04 Апрель 2019 - 22:35 в Оформление заказа

Отправлено от Barmalei в 08 Апрель 2019 - 22:55 в Оформление заказа

Отправлено от Barmalei в 22 Март 2019 - 14:37 в Изменение общей стилистики

Отправлено от Barmalei в 17 Март 2019 - 20:34 в Изменение общей стилистики

Добрый день, Vaccina! С прошедшим Вас праздником! Любви, здоровья, исполнения желаний) Был в отпуске, вот добрался до изменений.

1) Спасибо! Пожалуйста, давайте ещё поменяем цвет текста в заголовках на рисунке 17. А на рисунках 18, 19 я показал границы форм, которые тоже стали жёлтыми, хотя не надо было Давайте их сделаем цветом, как были (на рисунке 20).

4) По-прежнему пропадают границы рамки превью товаров на главной, при наведении на них мышкой; а всплывающие характеристики отображаются некорректно (Рисунок 21). Vaccina, может быть, можно превью товаров на главной - сделать один-в-один, как превью товаров в каталоге, как на рисунке 22? Т.е. сделать один и тот-же размер, одни и те же шрифты в цене и названии, одни и те же кнопки (купить, сравнить, добавить в избранное). Мне кажется, так будет проще.. И давайте всплывающие, при наведении на товар характеристики вообще уберём: и с товаров на главной странице и с товаров из каталога. Вообще везде.

9) Уточните пожалуйста, необходимо полосу сделать во всю длину, изменить цвет и вставить иконку в заголовке? - Да полосу сделать чёрную во всю длину, добавить такую же иконку, как на mozgoum.ru. Цвет иконки и надписи "Меню" - сделать жёлтым (#ff0). В выпадающем меню пункты тоже должны быть жёлтыми (#ff0).

Остальные вопросы решены - большое спасибо!

11) Ещё вопрос: как увеличить шрифт названия товара в превью товара на один пункт? Рисунки 23, 24.

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

• 
• 
• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 24 Март 2019 - 15:38 в Изменение общей стилистики

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

1) Спасибо, всё хорошо
4) Теперь не вылазит за рамки, спасибо. Но нельзя ли сделать, чтобы было один-в-один, как в каталоге?)) Сравните рисунки 25 и 26. На 25 рисунке есть верхние и нижние неиспользуемые поля. Как их убрать, что бы было, как на рисунке 26? И ещё: в товарах на главной странице по-прежнему выскакивают характерстики (рисунок 27).
9) Сделал - как-то ничего не изменилось) Вернул, как было. Посмотрите ещё раз на рисунки 28-31. Можно сделать один-в-один также, только с новыми цветами: чёрный и жёлтый? И внизу страницы тоже нужно добавить меню (рисунки 30,31)!
11) Спасибо, всё ок!

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

• 
• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 28 Март 2019 - 23:53 в Изменение общей стилистики

Ответы на вопросы 4 и 9 из предыдущего поста по-прежнему жду.
Вот новая порция вопросов. Прошу, отвечайте под этими же номерами, что бы мы не запутались.

12) Я удалил все разделы каталога товаров. Как сделать, что бы на странице каталога отображались сразу все имеющиеся товары?
13) Как внизу сайта добавить нижнее меню? Расположение, где должно быть нижнее меню - показал на рисунке 32. Нижнее меню должно выглядеть так же, как и верхнее.
14) Как заголовок на главной странице разместить по-середине страницы? Сейчас у заголовка ориентация на левый край. Переместить заголовок нужно только на главной странице. Рисунок 33.
15) Как "линию из точек" под заголовком страницы сделать жёлтой? Рисунок 34.
16) В левом верхнем углу есть надпись "Доставим везде!" (под панелью поиска). Как из надписи сделать ссылку на станицу https://g622880.stor...u/page/Доставка?
17) При нажатии на кнопку "Купить" - появляется окно, как на рисунке 35. Как сделать, чтобы при нажатии кнопки "Оформить заказ" нас перебрасывало в корзину? Кстати, как сделать надписи "Оформить заказ" и "Продолжить покупки" в этом окне - жёлтым цветом?
18) Как вставить картинку вместо рамки, на рисунке 36?
19) Как сделать фон кнопок на странице товара - белым? На рисунке 37.

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

• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 08 Апрель 2019 - 22:35 в Изменение общей стилистики

Отправлено от Barmalei в 01 Апрель 2019 - 15:19 в Изменение общей стилистики

Отправлено от Barmalei в 26 Февраль 2019 - 23:48 в Изменение общей стилистики

Отправлено от Barmalei в 03 Март 2019 - 21:28 в Изменение общей стилистики

Отправлено от Barmalei в 01 Март 2019 - 00:03 в Изменение общей стилистики

Здравствуйте, Vaccina! Спасибо, Вы - умница! Но нужны уточнения:

1) Ну это не проблема) В общем, надо поменять цвет всех надписей в шапке и заголовках, как я указал на рисунках 9 и 10.
2) Спасибо, всё ок.
3) Спасибо, было всё ок, пока я не сделал пункт 4
4) После применения изменений пропали верхняя и нижняя граница рамки. А так же не отображаются характеристики в всплывающем окне. Рисунок 11. А нельзя сделать превью товаров на главной странице полностью идентичными превью товаров на странице каталогов? Такого-же размера, с такими-же кнопками.
5) Можно ещё в просмотренных товарах сделать белый фон? Рисунок 12
6) Точно нельзя вставить картинку заместо рамки? Я мечтаю вставить на место рамки принт, как на рисунке 13. Получится?
7) Спасибо, а можно ещё текст жирным сделать? Как?
8) Спасибо, всё ок.

Ещё вопросы:
9) В мобильной версии как сделать верхнее и нижнее меню вида такого, как на моём другом сайте mozgoum.ru? Рисунок 14.
10) Как сделать фон товарных категорий - белым? А так же: как у товарных категорий поменять цвет обрамляющей рамки? Рисунок 15

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

• 
• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 18 Август 2019 - 19:50 в Изменение общей стилистики

Здравствуйте. Спасибо за ответ. Мои замечания:

1) Стало лучше, но в некоторых местах сайт всё-равно поехавший. Рисунки 17, 18 - поле сортировки и отображения товаров теперь откалиброваны по левому краю. Как вернуть как было: в мобильной версии эти окна стояли по центру, а в ПК-версии был отступ от левой панели меню. Это касается и верхних и нижних полей сортировки. Рисунок 19 - на странице "товар", сайт по-прежнему смещён. Напомню, надо стделать так, чтобы сайт отображался без горизонтальной прокрутке в мобильной версии; Рисунок 20 - в ПК-версии подвал сайта был растянут на всю страницу и упирался в нижнюю границу браузера, теперь стал квадратиком. Как вернуть как было?

2) Проблему решили, но появилась другая. Теперь, когда в описании товара всего одна строчка - кнопка "Купить" подпрыгнула вверх. Как вернуть её на место? Рисунок 21.

4) Поле "По умолчанию" по-прежнему на третьем месте в списке сортировок (Рисунок 22). Можно сделать его на первом месте? Должно получиться, как на рисунке 23 - нафотошопил. Внизу страницы теперь вообще нет поля выбора сортировки, давайте вернём (рисунок 24).

8) Надписи в корзине больше не вылазят, но теперь сами поля с описанием способов оплаты стали огромными и осталось много неиспользуемого пространства (рисунки 25, 26). Можно сделать поля конвертируемыми под длину текста? Т.е. надо сделать так, чтобы и слова за рамку не вылазили и лишнего пространства в рамке не было Т.е. нужно сузить рамку по высоте в соответствии с текстом, чтобы не было неиспользуемого поля под текстом.

9) Спасибо, решено

10) Проблема осталась. Данный баг можно увидеть так.
- Делаем заказ какого-либо товара и переходим в корзину.
- Нажимаем кнопку "Оформить заказ", открывается форма быстрого заказа.
- Переходим вниз страницы, и видим, что поля доставки и суммарная стоимость заказа не указаны, рисунок 27.
- Если мы вручную кликнем на способ доставки "Курьером по адресу" а потом кликнем на "Самовывоз" - то в таблице появится и сумма и способ доставки: рисунок 28.

Как сделать так, что бы способ доставки "Самовывоз" и суммарная стоимость заказа СРАЗУ была видна на таблице с рисунка 27, без дополнительных действий?

11) Проблема осталась. Потестируйте сами, пожалуйста. На mozgoum.ru у Вас получилось исправить проблему - уверен, и тут получится!

---------------------------------------------------------------------------------------------
Ещё вопросы:

12) Как расположить надпись "Оформить заказ" по центру кнопки. Рисунок 29.

13) Как убрать дублирующуюся надпись "Каталог" в меню в мобильной версии? Рисунок 30.

Vaccina, прошу Вас, нумеруйте ответы, пожалуйста...

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

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 20 Май 2019 - 23:14 в Изменение общей стилистики

Отправлено от Barmalei в 02 Сентябрь 2019 - 11:13 в Изменение общей стилистики

Отправлено от Barmalei в 03 Июнь 2019 - 23:34 в Изменение общей стилистики

Отправлено от Barmalei в 05 Май 2019 - 22:55 в Изменение общей стилистики

Отправлено от Barmalei в 16 Июнь 2019 - 22:38 в Изменение общей стилистики

1) После применения изменений, сайт стал изобиловать косяками во многих местах на разных страницах. Есть другой способ адаптировать видео на странице товара? Я думаю, будет проще сменить способ адаптации, чем исправлять кучу косяков. страница товара (любого товара) в мобильной версии - стала шире, чем экран телефона. Можно прокручивать экран в карточке товара в горизонтальном направлении, а так быть не должно. Рисунок 12. На главной странице тоже контент съехал.. (рисунок 13) Так же, можем видеть, что рамка товара стала выходить за границу сайта и в ПК-версии (рисунок 14). Как сделать, чтобы страница товара вписывалась в экран без необходимости горизонтальной прокрутки?  Видео в карточке товара теперь отображается корректно, спасибо))

2) Надпись "ОТ" в отображении товара списком - появилась, но теперь съехал текст описания))) Рисунок 15. Как исправить? Хорошо, согласен со "Сравнением". Но давайте в "Избранном" добавим эту функцию?

4) Товары отсортировались, но... Посмотрите, как теперь выглядит поле сортировки: рисунок 16. Верните в список оставшиеся варианты сортировки и скорректируйте название вида сортировки, пожалуйста..  И давайте, пожалуй, уберём возможность сортировки "по наличию: мало - много", а сортировку "по наличию: много - мало" переименуем в сортировку "По умолчанию". И ещё, внизу страницы тоже есть поле для выбора сортировки - с ним нужно сделать тоже самое: удалить ненужные поля и переименовать сортировку "по наличию". Рисунок 17.

5) Спасибо, этот пункт сработал

6) Решил вопрос сам, по-своему, проехали...

Ещё вопросы:

7) При наведении мышью на значок корзины - рамка меняет свой цвет с жёлтого на белый. Как сделать так, чтобы цвет рамки оставался всегда жёлтым? Рисунок 18.

8) Как в мобильной версии сделать шире по вертикали поле, в котором располагаются "Поиск" и "Корзина"? При этом, надо сделать так, чтобы рамка поиска имела отступ от логотипа магазина? Рисунок 19.

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

• 
• 
• 
• 
• 
• 
• 
• 

Отправлено от Barmalei в 25 Август 2019 - 14:38 в Изменение общей стилистики

Отправлено от Barmalei в 04 Июль 2019 - 19:00 в Изменение общей стилистики

@media only screen and (max-width:480px){
.cart-info.favorite{min-width:300px;overflow-x:scroll;}

.prodGlobalWrp {margin: 0px 0px;}

.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;width: auto;}

.pagecont{margin: 1px 0px 10px 30px;text-align:justify;padding: 10px 0;width: auto;}
.product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 60px;}
.product-list2 .name {height: 25px;}

.container .cols.col-12{width:100%;}
.container .row2{display:block;position:static;height:180px;}
.row2 .cols.col-4.empty{display:none;
.row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;}
.row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;}
.menuopen{display:block;}
.menuWrap{display:none;}
.globmenuwrap{padding:6px 0;}
#search{margin-top:0;}

.container .cols.col-12{width:100%;}
.container .row2{display:block;position:static;height:200px;}
.row2 .cols.col-4.empty{display:none;
.row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;}
.row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;}
.menuopen{display:block;}
.menuWrap{display:none;}
.globmenuwrap{padding:6px 0;}
#search{margin-top:20px;}

Отправлено от Barmalei в 08 Сентябрь 2019 - 22:28 в Изменение общей стилистики

Отправлено от Barmalei в 11 Август 2019 - 21:22 в Изменение общей стилистики

Vaccina (12 Июль 2019 - 06:14) писал:

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



Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:

<script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js"></script>
<script>
$(function(){
$("iframe[src*=youtube]").parent().fitVids();
});
</script>

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

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

замените на:

@media only screen and (max-width:480px){
.htmlDataBlock iframe {max-width:100%;height: auto !important;}

После изменений уточните пожалуйста какие вопросы остались актуальными.

Здравствуйте, спасибо за ответы. Актуальные вопросы следующие:

1) В мобильной версии, сайт по-прежнему уехавший: рисунки 1 и 2. Напомню, весь сайт должен помещаться на экране мобильного устройства без горизонтальной прокрутки. Пункты верхнего и нижнего меню сейчас располагаются в чистом виде в две строчки (рисунок 3), а должны появляться при нажатии на кнопку "меню": рисунок 4 (фото из архивов). Кроме этого, в ПК-версии некоторые панели тоже оказались смещёнными.. Рисунки 5 и 6. Раньше такого не было: все панели были отцентрированы в одну линию: рисунок 7 (фото из архива). Как мне вернуть, как было, чтобы было ровненько?

2) При отображении товаров в виде списка, описание товаров вплотную подходит к кнопке "Купить" (рисунок 8). Как можно отцентрировать описание товаров по центру между ценой товара и кнопкой "купить", чтобы было, как на рисунке 9 (это я нафотошопил).

3) Вопрос решён, спасибо.

4) Как поставить способ сортировки "По умолчанию" на первое место? Рисунок 10. Внизу страницы, способы сортировки товаров не отредактированы; так же, если расположить товары списком, мы видим две панели сортировки... Рисунок 11. Необходимо оставить одну панель и способы сортировки оставить такими, какими мы их сделали вверху страницы, см. рисунок 10.

5) Вопрос решён, спасибо.

6) Вопрос решён, спасибо.  

7) Вопрос решён, спасибо.

-------------------------------------------------------------------------------------------------------------------------------

Ещё доза вопросов:

8) В мобильной версии в корзине, описание способа оплаты вылезло за границы рамки. Рисунок 12. Как растянуть поле с описанием способа доставки?

9) Как в корзине сделать фон панелей белым цветом? На рисунках 13 и 14 заштриховал поля, которые надо сделать белыми.

10) При оформлении заказа в корзине, если выбирать способ доставки "Самовывоз" - в нижней таблице выводится пустое поле (рисунок 15). Как вписать в это поле надпись "Самовывоз" и указать цену в 0 рублей?

11) Не совсем корректно работает функция изменения количества товара в корзине (рисунок 16).
По умолчанию, после нажатия кнопки "Оформить заказ" - нельзя менять количество товара в корзине. А после того, как нажимаем кнопку "Отменить оформление" - мы снова можем изменять количество товара в корзине. Хорошо, пусть так и будет.
НО!
Попробуйте несколько раз подряд (3-4 раза) поочерёдно нажимать кнопки "Оформить заказ" -> "Отменить оформление", и увидите, что будет невозможно изменять количество заказа после нажатия "Отменить оформление". Как сделать, чтобы количество товара в корзине можно было менять только пока не нажата кнопка "Оформить заказ"?
P.S. Вдруг Вам поможет, напомню, Вы ранее делали такое же изменение на другом моём сайте, топик #31: https://forum.storel..._20#entry282749

Оставшиеся рисунки

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

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•