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


Корректировка Карточки Товара


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

#1 Barmalei

Barmalei

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

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

Отправлено 05 Май 2019 - 22:55

Добрый день. Сайт g622880.storeland.ru, помогите с парой вопросов, пожалуйста.

1) Как добавить видео в карточку товара? Попробовал добавить на примере товара https://trendibrend....ket-Drone-JY018 - но, почему-то, видео не проигрывается. Добавил в самом низу. Что я делаю не так?

2) У меня на сайте есть товар: https://trendibrend....a-80-100-130-sm . В зависимости от характеристики (размер) - меняется стоимость товара. Как мне сделать так, чтобы у товаров, у которых возможна смена цены при изменении характеристик - в превью отбражалась цена с надписью "от"? Схематично показал на рисунках 1 и 2.

3) Как сделать красным цветом надпись "Выберете пожалуйста подходящие параметры:"? Рисунок 3.

4) Где можно убрать ненужные мне способы сортировки товара? Рисунок 4. Как выбрать сортировку по умолчанию?

5) Как можно сдвинуть лупу поиска чуть левее? Рисунок 5. И какой точно именно файл нужно редактировать, чтобы изменить цвет лупы? Я изменил searchbut.png - ничего не изменилось.

6) Архи-важный вопрос. У меня есть такой товар: https://trendibrend....-EX18?from=M2Fh . У товара есть характеристики: -Материал ремешка и -Цвет ремешка. Из материалов ремешка есть металл и силикон. При этом, у металлического ремешка нет возможности выбора цветов - а у силиконового ремешка можно выбрать из трёх цветов. Как мне сделать так, чтобы когда мы выбираем материал ремешка "металл" - возможность выбора цвета пропадала в принципе? Рисунки 6, 7 и 8.

7) Два дня назад я поменял файл Logo.png . А на сайте всё-ещё отображается старая шапка. Кэш/куки чистил, открывал с разных браузеров - ничего не помогает. В чём дело?

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg
  • 6.jpg
  • 7.jpg
  • 8.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 15 Май 2019 - 05:51

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

1. Попробуйте по новому сгенерировать код видео, перешла по ссылке на него, нажала "поделиться" - "встроить", при вставке видео на странице товара отобразилось и воспроизводилось:
Boeing 787 Dreamliner. История и описание лайнера мечты   YouTube.png

2. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="price-new">{goods.MIN_PRICE_NOW | money_format}</div>

замените на:
<div class="price-new">{% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}</div>

далее зайдите в шаблон HTML - найдите:
<span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br/>

замените на:
<span class="price-new">{% IF recently_viewed_goods.MIN_PRICE_NOW!=recently_viewed_goods.MAX_PRICE_NOW %}от {% ENDIF %}{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br/>

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
h3.modH{font-size:18px; color:#666;padding:10px 10px 10px 10px;border-bottom:1px solid #e5e5e5;}

измените цветовое значение стиля color.

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

5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 10px; cursor:pointer;}

увеличьте значение стиля right и замените файл search.png

6. Для корректной работы вам необходимо создать все вариации из доступных модификаций, то есть:
- Металл Зеленый
- Металл Оражевый
- Металл Черный

и установить им остаток 0

7. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
<img src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon"/>

замените на:
<img src="/design/Logo.png"/>


#3 Barmalei

Barmalei

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

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

Отправлено 20 Май 2019 - 23:14

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

1) В мобильной версии видео отображается некорректно. Как исправить? Видео обрублено по ширине экрана, рисунок 9.

2) Спасибо, как этот функционал ещё добавить при отображении товаров списком? А так же на странице избранных товаров и товаров на сравнении?

3) Спасибо, вопрос закрыт.

4) Я хочу убрать сортировки: по названию, по изображению, по количеству отзывов. Причём, сортировку «по наличию» я хочу переименовать в сортировку «По популярности: сначала популярные» / «По популярности: сначала не популярные».

5) Фихня какая-то получилась. Рисунок 10. Я добавил иконку размером 16*16 пикселей. Куда уж меньше?) Может можно куда-то добавить исправленную картинку лупы, чтобы лупа была как в шаблоне по умолчанию, но нужного мне цвета?) На данный момент я вижу, что дефолтная лупа находится в файле «searchbut.png».

6) Решение вопроса таким образом будет сбивать с толку покупателя.. Ещё и отображается так, будто товара нет в наличии. Рисунок 11. Неужели нельзя реализовать функционал таким образом, как я предложил? Т.е. при пересечении характеристик скрывать возможность выбора ненужных характеристик. Я думаю, такой функционал нужно вшить во все Ваши шаблоны – потому что это логичное решение.

7) Спасибо, вопрос снят.

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

  • 9.jpg
  • 10.jpg
  • 11.jpg


#4 Barmalei

Barmalei

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

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

Отправлено 03 Июнь 2019 - 23:34

Ответьте, пожалуйста.

#5 Vaccina

Vaccina

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

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

Отправлено 05 Июнь 2019 - 08:52

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

1. Воспользуйтесь следующей инструкцией:
https://storeland.ru/about/faq#91

2. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
				 <div class="price-new">{goods.MIN_PRICE_NOW | money_format}</div>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <div class="price-old-list">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <div class="price-old-list">{goods.MIN_PRICE_OLD | money_format}</div>
				 {% ENDIF %}		
				 </div><!--END price -->
  
замените на:
			 <div class="price">		
				 <div class="price-new">{% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}</div>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				 <div class="price-old-list">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				 <div class="price-old-list">{goods.MIN_PRICE_OLD | money_format}</div>
				 {% ENDIF %}
			 </div><!--END price-->

в сравнении делать этого нет необходимомсти, так как там выводится товар с учетом модификации:
Сравнение товаров(1).png


4. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
				 {% IF goods_show_order_fields %}
				 <div class="choose">
			 Сортировать по:			
			 <select name="goods_search_field_id" onchange="this.form.submit();">
			 {% FOR goods_order_fields %}
				 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			 {% ENDFOR %}
			 </select>
			 </div>
		 {% ENDIF %}
  
замените на:
				 {% IF goods_show_order_fields %}
				 <div class="choose">
			 Сортировать по:			
			 <select name="goods_search_field_id" onchange="this.form.submit();">
			 {% FOR goods_order_fields %}{%IF goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 9 || goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %}
				 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.NAME=наличию: мало — много %}по популярности: сначала не популярные{% ELSEIF goods_order_fields.NAME=наличию: много — мало %}по популярности: сначала популярные{goods_order_fields.NAME}{% ENDIF %}</option>
			 {% ENDIF %}{% ENDFOR %}
			 </select>
			 </div>
		 {% ENDIF %}

5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:12px;top: 10px; cursor:pointer;}

замените на:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; height: 16px;width: 16px;border:none;padding:6px;position:absolute;right:12px;top: 10px; cursor:pointer;}

6. Можно вставить скрипт чтобы при заходе в карточку товара была выбрана модификация в наличии по умолчанию.

#6 Barmalei

Barmalei

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

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

Отправлено 16 Июнь 2019 - 22:38

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

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

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

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

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

Ещё вопросы:

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

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

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

  • 12.jpg
  • 13.jpg
  • 14.jpg
  • 15.jpg
  • 16.jpg
  • 17.jpg
  • 18.jpg
  • 19.jpg


#7 stasia

stasia

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

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

Отправлено 17 Июнь 2019 - 09:47

Просмотр сообщенияBarmalei (16 Июнь 2019 - 22:38) писал:

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

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

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

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

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

Ещё вопросы:

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

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

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

@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;}


#8 Barmalei

Barmalei

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

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

Отправлено 04 Июль 2019 - 19:00

Просмотр сообщенияstasia (17 Июнь 2019 - 09:47) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

@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;}

Здравствуйте. На какой именно вопрос Вы мне ответили? В общем, после применения изменений, мобильная версия уехала конкретно, смотрите скриншот. Изменения пока не отменял, можете попробовать сами. Прошу дать другое решение и ответы на остальные вопросы..

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

  • Screenshot_20190704-185304.png


#9 stasia

stasia

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

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

Отправлено 09 Июль 2019 - 10:45

Просмотр сообщенияBarmalei (04 Июль 2019 - 19:00) писал:

Здравствуйте. На какой именно вопрос Вы мне ответили? В общем, после применения изменений, мобильная версия уехала конкретно, смотрите скриншот. Изменения пока не отменял, можете попробовать сами. Прошу дать другое решение и ответы на остальные вопросы..

Здравствуйте. Кодом выше были изменения касающиеся отображения товаров выведенных списком.

4.В Редакторе шаблонов---Товары, найдите код:

											 {% IF goods_show_order_fields %}
								 <div class="choose">
						 Сортировать по:						
						 <select name="goods_search_field_id" onchange="this.form.submit();">
						 {% FOR goods_order_fields %}{%IF goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 9 || goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %}
								 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.NAME=наличию: мало — много %}по популярности: сначала не популярные{% ELSEIF goods_order_fields.NAME=наличию: много — мало %}по популярности: сначала популярные{goods_order_fields.NAME}{% ENDIF %}</option>
						 {% ENDIF %}{% ENDFOR %}
						 </select>
						 </div>
				 {% ENDIF %}

Замените его на:

		   {% IF goods_show_order_fields %}
			  <div class="choose">
				 Сортировать по:						
					<select name="goods_search_field_id" onchange="this.form.submit();">
					{% FOR goods_order_fields %}
					  {% IF goods_order_fields.ID = 1 ||  goods_order_fields.ID = 2 ||  goods_order_fields.ID = 5 ||  goods_order_fields.ID = 7 ||  goods_order_fields.ID = 8 || goods_order_fields.ID = 11 || goods_order_fields.ID = 12 %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>
									   {% IF goods_order_fields.ID = 1 %}цене: Дорогие — Дешевые
									   {% ELSEIF goods_order_fields.ID = 2 %}цене: Дешевые — Дорогие
									   {% ELSEIF goods_order_fields.ID = 5 %}По умолчанию
									   {% ELSEIF goods_order_fields.ID = 7 %}дате: новые — старые
									   {% ELSEIF goods_order_fields.ID = 8 %}дате: старые — новые
									   {% ELSEIF goods_order_fields.ID = 11 %}рейтингу: Хорошие — Плохие
									   {% ELSEIF goods_order_fields.ID = 12 %}рейтингу: Плохие — Хорошие
									   {% ENDIF %}
					   </option>
					   {% ENDIF %}
					{% ENDFOR %}
					</select>
				  </div>
			  {% ENDIF %}


7.Зайдите в Редактор шаблонов --- main.css и найдите данный код:

.cartanchor:hover{border:1px solid white;}

И удалите  его.  


Найдите код:

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

И сразу после добавьте данный код:

.header.theme-color .row2.theme-color .cols.col-4.marg4 {margin-left: 0 !important;}
menu.theme-color .cols.col-10.marg1 {margin-left: 0 !important;}
.index .page_title {margin: 0 0 0 -30px !important;}


#10 Vaccina

Vaccina

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

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

Отправлено 12 Июль 2019 - 06:14

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

Просмотр сообщенияBarmalei (16 Июнь 2019 - 22:38) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

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

#11 Barmalei

Barmalei

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

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

Отправлено 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

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

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg
  • 6.jpg
  • 7.jpg
  • 8.jpg
  • 9.jpg
  • 10.jpg
  • 11.jpg
  • 12.jpg
  • 13.jpg
  • 14.jpg
  • 15.jpg
  • 16.jpg


#12 Vaccina

Vaccina

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

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

Отправлено 15 Август 2019 - 07:08

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media only screen and (max-width:480px){
    
замените на:
@media only screen and (max-width:480px){
	.footerWrap .marg1, menu .marg1 {margin: 0 !important;}
	.menuWrap {display: none;}
	.menuopen{text-transform: uppercase;font-size: 24px;display:block; padding:8px 20px; background:rgb(50, 62, 0); color:rgb(237, 255, 0); width:100%;margin:0 auto;cursor:pointer;margin-bottom: -6px;border: none;text-align: left;}
	.menuopen.active {background:rgb(237, 255, 0);color:#000;}

далее найдите:
.index .page_title{border: none;padding: 15px 40px;background: #000;color: rgb(237, 255, 0);margin: 0 -30px;text-align: center;text-transform: uppercase;}

замените на:
.index .page_title{border: none;padding: 15px 40px;background: #000;color: rgb(237, 255, 0);margin: 0;text-align: center;text-transform: uppercase;}

далее найдите:
/*.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;}

замените на:
.pagecont{margin: 0px 20px;text-align:justify;padding: 10px;width: 100%;}
.index .pagecont{margin: 1px 0px 10px 0px;padding: 10px 0;}

далее найдите:
.product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 60px;}

замените на:
.product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 20px;margin-left: 10px;}

далее найдите:
	.payment .orderStagePayment .cell1 {height: 114px;}
	.payment .orderStagePayment .cell2 {height: 114px;}
    
замените на:
	.payment .orderStagePayment .cell1 {height: 164px;}
	.payment .orderStagePayment .cell2 {height: 164px;}
    
далее найдите:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ececec;}

замените на:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ffffff;}

далее найдите:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell1 {background: #ececec;padding: 10px 5px;vertical-align: top;text-align:center;}

замените на:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell1 {background: #ffffff;padding: 10px 5px;vertical-align: top;text-align:center;}

далее найдите:
.cartTable thead td, .cartTable tfoot td {background-color: #efefec;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #2b3038;}

замените на:
.cartTable thead td, .cartTable tfoot td {background-color: #ffffff;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #2b3038;}


далее зайдите в шаблон Товары - найдите:
				  <div class="prodbuttons-list">				
					 <div class="cart addcartbutton goodsDataForm">
												<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
												  <input type="hidden" name="hash" value="{HASH}" />
												  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
												  <input type="hidden" name="form[goods_mod_id]" class="goodsDataMainModificationId" value="{goods.MIN_PRICE_NOW_ID}" />
							{%IF goods.MIN_REST_VALUE > 0 %}
						  <div class="">					
							<a class="addToCart" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}&nbsp;&nbsp;Купить</a>
						  </div>
						{%ELSEIF goods.MIN_REST_VALUE = 0%}
						  <div class="">					
							<span class="noavalible">Нет в наличии</a>
						  </div>
						{%ENDIF%}						
						</form>
					<!-- Если есть возможность добавить товар в избранное -->		
						<a class="add_to_wishlist_small mustLogin line" data-msgtype="3"
						  data-product-id="{goods.ID}"
						  data-product-name="{goods.NAME}"
						  data-product-price-now="{goods.MIN_PRICE_NOW}"
						  data-product-price-old="{goods.MIN_PRICE_OLD}"
						  data-product-from="{goods.GOODS_FROM}"
						  data-product-img="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}"
						  data-product-url="{goods.URL}"
						  title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
						<span class="product-price-formatted hidden" hidden>
						  <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
						  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
						</span>
				  <!-- END Если есть возможность добавить товар в избранное -->
		   
				  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					{% IF goods.IS_HAS_IN_COMPARE_LIST %}
					  <a class="add_to_compare_small line added"
						data-action-is-add="0"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						data-msgtype="1"
						data-gname="{goods.NAME}"
						href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
					{% ELSE %}				 
					  <a class="add_to_compare_small line"
						data-action-is-add="1"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-msgtype="1"
						data-gname="{goods.NAME}"
						href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				</div>
			  </div>
			   </div><!--END price_plus_add -->
			   <div class="clear"></div>
			   <div class="descriptions-list">
			  {% IF goods.DESCRIPTION_SHORT %}
				<div class="desc std">
				  <div class="htmlDataBlock just">
					{goods.DESCRIPTION_SHORT}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more ftheme-color">Узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>
            
замените на:
			   <div class="descriptions-list">
			  {% IF goods.DESCRIPTION_SHORT %}
				<div class="desc std">
				  <div class="htmlDataBlock just">
					{goods.DESCRIPTION_SHORT}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more ftheme-color">Узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>
				  <div class="prodbuttons-list">				
					 <div class="cart addcartbutton goodsDataForm">
												<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
												  <input type="hidden" name="hash" value="{HASH}" />
												  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
												  <input type="hidden" name="form[goods_mod_id]" class="goodsDataMainModificationId" value="{goods.MIN_PRICE_NOW_ID}" />
							{%IF goods.MIN_REST_VALUE > 0 %}
						  <div class="">					
							<a class="addToCart" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}&nbsp;&nbsp;Купить</a>
						  </div>
						{%ELSEIF goods.MIN_REST_VALUE = 0%}
						  <div class="">					
							<span class="noavalible">Нет в наличии</a>
						  </div>
						{%ENDIF%}						
						</form>
					<!-- Если есть возможность добавить товар в избранное -->		
						<a class="add_to_wishlist_small mustLogin line" data-msgtype="3"
						  data-product-id="{goods.ID}"
						  data-product-name="{goods.NAME}"
						  data-product-price-now="{goods.MIN_PRICE_NOW}"
						  data-product-price-old="{goods.MIN_PRICE_OLD}"
						  data-product-from="{goods.GOODS_FROM}"
						  data-product-img="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}"
						  data-product-url="{goods.URL}"
						  title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
						<span class="product-price-formatted hidden" hidden>
						  <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
						  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
						</span>
				  <!-- END Если есть возможность добавить товар в избранное -->
		   
				  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					{% IF goods.IS_HAS_IN_COMPARE_LIST %}
					  <a class="add_to_compare_small line added"
						data-action-is-add="0"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						data-msgtype="1"
						data-gname="{goods.NAME}"
						href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
					{% ELSE %}				 
					  <a class="add_to_compare_small line"
						data-action-is-add="1"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-msgtype="1"
						data-gname="{goods.NAME}"
						href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				</div>
			  </div>
			   </div><!--END price_plus_add -->
			   <div class="clear"></div>
              
далее в самом низу найдите и удалите:
					{% IF goods_show_order_fields %}
					<div class="choose">
				Сортировать по:			  
				<select name="goods_search_field_id" onchange="this.form.submit();">
				  {% FOR goods_order_fields %}
					<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
				  {% ENDFOR %}
				</select>
				</div>
			  {% ENDIF %}
              
Далее зайдите в раздел Настройки - Основные - в поле сортировки установите значение "наличию: много — мало".

#13 Barmalei

Barmalei

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

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

Отправлено 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, прошу Вас, нумеруйте ответы, пожалуйста...

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

  • 17.jpg
  • 18.jpg
  • 19.jpg
  • 20.jpg
  • 21.jpg
  • 22.jpg
  • 23.jpg
  • 24.jpg
  • 25.jpg
  • 26.jpg
  • 27.jpg
  • 28.jpg
  • 29.jpg
  • 30.jpg


#14 MikDark

MikDark

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

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

Отправлено 20 Август 2019 - 14:21

Просмотр сообщения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, прошу Вас, нумеруйте ответы, пожалуйста...

Здравствуйте. По пунктам 2, 12, 13 правки внесли. По остальным давайте решать постепенно, по вопросу, очень сложно разобраться полноценно в таком количестве вопросов и картинок сразу. напишите, пожалуйста, самый Важным вопрос со скриншотом, мы поможем

#15 Barmalei

Barmalei

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

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

Отправлено 25 Август 2019 - 14:38

Просмотр сообщенияMikDark (20 Август 2019 - 14:21) писал:

Здравствуйте. По пунктам 2, 12, 13 правки внесли. По остальным давайте решать постепенно, по вопросу, очень сложно разобраться полноценно в таком количестве вопросов и картинок сразу. напишите, пожалуйста, самый Важным вопрос со скриншотом, мы поможем

Здравствуйте. По пунктам 2, 12 и 13 изменения вижу, спасибо.
Все вопросы важные и требуют решения. Всего-то 8 вопросов, на три Вы уже ответили. Какая разница: сразу 5 вопросов я задам, или постепенно? Если что-то не понятно - задайте уточняющие вопросы.
Жду помощи, спасибо.

#16 Barmalei

Barmalei

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

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

Отправлено 02 Сентябрь 2019 - 11:13

Ответьте, пожалуйста.

#17 Barmalei

Barmalei

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

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

Отправлено 08 Сентябрь 2019 - 22:28

Ответьте, пожалуйста.

#18 Vaccina

Vaccina

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

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

Отправлено 19 Сентябрь 2019 - 07:00

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*.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;}*/
.pagecont{margin: 0px 20px;text-align:justify;padding: 10px;width: 100%;}
.index .pagecont{margin: 1px 0px 10px 0px;padding: 10px 0;}

замените на:
.pagecont{margin: 5px 20px 10px 20px;padding: 10px;}

далее найдите:
@media only screen and (min-width:220px) and (max-width:505px){
	.lowresblock{display:block;}
    
замените на:
@media only screen and (min-width:220px) and (max-width:505px){
	.lowresblock{display:block;}
	.pagecont{width: 365px;margin: 0 auto;text-align: center;}
	.pagecont div, .pagecont li {margin: 0;}

далее зайдите в шаблон Товары - найдите:
		  </div>
		</div>
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	  {% ENDIF %}
	  <!--END отображение товаров списком -->
	</div>
  {% ENDIF %}
  <!-- /Если есть товары -->

замените на:
		  </div>
		</div>
		</div>
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	  {% ENDIF %}
	  <!--END отображение товаров списком -->
	</div>
  {% ENDIF %}
  <!-- /Если есть товары -->

2.Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.listprodimage{float:left;}

замените на:
.listprodimage{float:left;}
.listprodimage, .listprodimage img{max-height: 200px;overflow: hidden;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце вставьте:
$(document).ready(function() {
  var options = $('.sortWrp select option' );
  $('.sortWrp option[value=5]').insertBefore('.sortWrp option[value=1]')
});


#19 Vaccina

Vaccina

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

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

Отправлено 19 Сентябрь 2019 - 07:28

8. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ffffff;}
.payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePayment .cell2 {background:#fff;text-align:left;display: inline-block;width: calc(100% - 80px);border: 1px solid #E5E5E5;vertical-align: top;height: 94px;padding: 10px;}
.payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #000;}


замените на:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;padding: 10px 5px;background: #ffffff;}
.payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePayment .cell2 {background:#fff;text-align:left;display: inline-block;width: calc(100% - 80px);border: 1px solid #E5E5E5;vertical-align: top;padding: 10px;}
.payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #000;}
.payment .orderStagePayment:nth-child(1) .cell1, .payment .orderStagePayment:nth-child(1) .cell2 {height:70px;}
.payment .orderStagePayment:nth-child(2) .cell1, .payment .orderStagePayment:nth-child(2) .cell2 {height:94px;}
.payment .orderStagePayment:nth-child(3) .cell1, .payment .orderStagePayment:nth-child(3) .cell2 {height:50px;}

далее найдите:
	.payment .orderStagePayment .cell1 {height: 164px;}
	.payment .orderStagePayment .cell2 {height: 164px;}
    
замените на:
.payment .orderStagePayment:nth-child(2) .cell1, .payment .orderStagePayment:nth-child(2) .cell2 {height:114px;}

10. Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:
					 <tr class="items deliv">
						<td class="image"><i class="fa fa-plus"></i></td>
						<td class="name"></td>
						<td class="cart-price" width="150">
						   <span class="title">Цена за шт.:</span><span class="price"></span>
						</td>
						<td class="cart-qty" width="100"><span class="title">Кол-во:</span><span>1</span></td>
						<td class="cart-price" width="150">
						   <span class="title">Сумма:</span><span class="price"></span>							
						</td>
					 </tr>
    
замените на:
					 <tr class="items deliv">
						<td class="image"><i class="fa fa-plus"></i></td>
						<td class="name">Бесплатный самовывоз ()</td>
						<td class="cart-price" width="150">
						   <span class="title">Цена за шт.:</span><span class="price">0</span>
						</td>
						<td class="cart-qty" width="100"><span class="title">Кол-во:</span><span>1</span></td>
						<td class="cart-price" width="150">
						   <span class="title">Сумма:</span><span class="price">0</span>							
						</td>
					 </tr>





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

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