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

  2. → Просмотр профиля: "Лайки": bscgroup

bscgroup

Регистрация: 05 июня 2017
Offline Активность: 05 апр. 2018 09:38
-----

#264862 Видео И Карты В Мобильной Версии

Отправлено Mr.Nito на 16 Июль 2017 - 17:03

Просмотр сообщенияbscgroup (16 Июль 2017 - 12:45) писал:

Косметика-мелки для волос. В мобильной версии страница с виде выглядят ужасно.

Через кнопку источник в описании товара
оберните тег видео в блок "video-responsive", тогда оно будет подстраиваться под размер экрана
<div class="video-responsive">
 
  <iframe> Ваше видео с youtube </iframe>
 
</div>

в конце main.css добавьте:
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



#264858 Мобильная Версия Сайта

Отправлено Mr.Nito на 16 Июль 2017 - 16:38

Просмотр сообщенияbscgroup (15 Июль 2017 - 13:46) писал:

Хочу что бы товары отображались именно так как на фотографии №13
Хочу сделать подвал так как на рис №17,1 №18
Хочу что бы в шапке было как на рис №16,1 и в шапке при нажатии на самую первую вкладку выходит меню а нужно чтобы вход в ЛК. и помогите установить любой другой значек
-Удалил виджет вк в мобильной версии
-Выровнял соц сети на моб устройстве
-Заменил 1ю иконку и поправил её работу на мобильной версии
-Виджет группы в подвале не уместится на экране размером 320px
-Товары сделал 2 в строку
@media (min-width: 400px) and (max-width: 641px) {
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 175px;}



#264853 Меню Сайта

Отправлено bscgroup на 16 Июль 2017 - 13:01

Просмотр сообщенияMr.Nito (16 Июль 2017 - 11:28) писал:

Выровнял шапку и пункты в файле main.css
@media all and (min-width: 1200px) {
#header .cart .toggle_menu_cont {right: 60px;}
#header .search .toggle_menu_cont {right: 85px;}
#header .header-top .container { display: flex; align-items: center; justify-content: space-around;}
#header .header-top .container > div:first-child {margin-left:auto;}
#header .header-top .container > div:last-child {margin-right:auto;min-width:100px;}
#header .contacts.toggle_menu_wrap { margin-right: 0;}
#header .logo { margin:0 auto;}
}
Спасибо


#264844 Меню Сайта

Отправлено Mr.Nito на 16 Июль 2017 - 11:28

Просмотр сообщенияbscgroup (15 Июль 2017 - 12:12) писал:

Помогите сделать шапку как на фото. Спасибо.
Выровнял шапку и пункты в файле main.css
@media all and (min-width: 1200px) {
#header .cart .toggle_menu_cont {right: 60px;}
#header .search .toggle_menu_cont {right: 85px;}
#header .header-top .container {	display: flex;	align-items: center;	justify-content: space-around;}
#header .header-top .container > div:first-child {margin-left:auto;}
#header .header-top .container > div:last-child {margin-right:auto;min-width:100px;}
#header .contacts.toggle_menu_wrap {	margin-right: 0;}
#header .logo {	margin:0 auto;}
}

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

  • 16-07-2017 11-26-04.jpg



#264799 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено Vaccina на 15 Июль 2017 - 06:36

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

При клике на кнопку "Заказать" или "Быстрый заказ" появляется ошибка, связанная с анимацией загрузки. Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите и удалите:
<div class="preloader"><span class="content-loading"></span></div>

далее найдите:
$(document).ready(function () {
	setTimeout(preload, 500);
	setTimeout(quickOrderScripts(), 800);
  });

замените на:
$(document).ready(function () {
	setTimeout(quickOrderScripts(), 800);
  });

После этого почистите кэш браузера и проверьте в категориях кнопку у товаров с остатком 0.


#264756 Поправка Шаблона Новогодний

Отправлено MikDark на 14 Июль 2017 - 11:34

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

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Просьба для полной версии сайта сделать так что бы при наведении на лепестки не высвечивалось название.
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

В шаблоне main.js замените:
// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[title="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[title="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[title="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[title="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

на

// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[alt="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[alt="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[alt="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[alt="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

и в шаблоне HTML замените:

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
				 </li>

на

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" alt="element6">
				 </li>

Уточните, куда Вы устанавливали виджет Вк, на какие строчки?


#264732 Поправка Шаблона Новогодний

Отправлено bscgroup на 13 Июль 2017 - 19:14

Просмотр сообщенияMikDark (13 Июль 2017 - 15:37) писал:

1) В шаблоне main.css Вам нужно заменить код:
.show-by select {
max-width: 65px;
border-left: 1px solid #fce3bd;
}

на

.show-by select {
max-width: 70px;
border-left: 1px solid #fce3bd;
}

2) В шаблоне HTML найдите код:
<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
		 </li>

и замените на:

<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img">
		 </li>

3) Вам нужно заменить в шаблоне main.css

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
}

на

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
font-weight: bold;
}

4) В шаблоне main.css Вам нужно найти код:

#breadcrumbs ul li {
display: inline-block;
line-height: 20px;
text-transform: capitalize;
padding-right: 5px;
font-size: 13px;
}

и изменить там параметр font-size на нужный размер

После изменений напишите, дадим остальные инструкции

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Просьба для полной версии сайта сделать так что бы при наведении на лепестки не высвечивалось название.
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

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

  • 12.jpg
  • 13.jpg
  • 14.jpg
  • 5.jpg



#264462 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено bscgroup на 09 Июль 2017 - 02:20

Просмотр сообщенияFirefly (08 Июль 2017 - 09:18) писал:

В шаблоне Товар код:
<!-- Добавление товара в Корзину -->
<div class="add-to-cart">
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
<button id="button-cart" type="submit" class="add-cart button btn-primary" title="Положить «{GOODS_NAME}» в корзину" onclick="if($(this).find('.over').text() == 'Уведомить меня') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара «{GOODS_NAME}»?' } return false;">{% IF GOODS_MOD_REST_VALUE>0 %}В корзину<span class="bg"></span><span class="over">В корзину</span><span class="out">В корзину</span>{% ELSE %}<span class="bg"></span><span class="over">Уведомить меня</span><span class="out">Уведомить меня</span>Уведомить меня{% ENDIF %}</button>
<button type="submit" class="add-cart quick button button2 btn-primary" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ<span class="bg"></span><span class="over">Быстрый заказ</span><span class="out">Быстрый заказ</span></button>
<a href="{GOODS_URL}" class="button more" title="Подробнее" rel="nofollow"><span>Подробнее</span><i class="fa fa-angle-right"></i></a>
</div>

Заменил на:
<!-- Добавление товара в Корзину -->
{% IF GOODS_MOD_REST_VALUE>0 %}
<div class="add-to-cart">
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
<button id="button-cart" type="submit" class="add-cart button btn-primary" title="Положить «{GOODS_NAME}» в корзину">В корзину<span class="bg"></span><span class="over">В корзину</span><span class="out">В корзину</span></button>
<button type="submit" class="add-cart quick button button2 btn-primary" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ<span class="bg"></span><span class="over">Быстрый заказ</span><span class="out">Быстрый заказ</span></button>
<a href="{GOODS_URL}" class="button more" title="Подробнее" rel="nofollow"><span>Подробнее</span><i class="fa fa-angle-right"></i></a>
</div>
{% ELSE %}
<div class="add-to-cart">
<button id="button-cart" type="submit" class="add-cart button btn-primary" title="Уведомить меня о наличии «{GOODS_NAME}»" onclick="if($(this).find('.over').text() == 'Уведомить меня') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара «{GOODS_NAME}»?' } return false;"><span class="bg"></span><span class="over">Уведомить меня</span><span class="out">Уведомить меня</span>Уведомить меня</button>
</div>
{% ENDIF %}

Обновите страничку через Ctrl+F5 и проверьте, пожалуйста.
Товар теперь которого нет ы наличии на сайте вообще не видндно. Мне нужно что бы тот товар которого нет на остатках выходил на сайт с кнопкой аутивной уведомить. Сейчас так как нафото

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

  • Уведомить.jpg



#264512 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено bscgroup на 10 Июль 2017 - 11:55

Ответит кто нибудь ?????????????


#264582 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено bscgroup на 11 Июль 2017 - 13:53

Пожалуйста помогите доработать. Жду 5ый день.


#264595 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено bscgroup на 11 Июль 2017 - 16:33

Буду очень благодарен за ответ и в этом разделе. Спасибо.


#264591 Поправка Шаблона Новогодний

Отправлено metry на 11 Июль 2017 - 15:54

6 фото:

в main.css найдите:
@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
}

замените на:

@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
.products-grid .item .product-image a.product-img {display: block;line-height: 150px;}
}

далее в конец main.css вставьте:

@media (min-width: 290px) and (max-width: 340px) {
.row {margin-left: -2px;margin-right: -2px;}
.products-grid .item {padding: 0 2px 2px;}
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 130px;}
.goods-image-small{max-width:100px; max-height:100px;}
.price {display: inline-block;font-size: 19px;font-weight: 500;font-family: 'Oranienbaum', serif;}
.addtocart{font-size:18px;}
.products-grid .item .product-shop .actions .addtocart .button {padding: 0 5px;height: 35px;line-height: 35px;font-size:10px;}
}

4 фото(шрифт):
в конец main.css вставьте:

.footer-top h3{font-family:Monotype Corsiva, Times, Serif;}

7 фото:

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

#slideshow .text-border {border-bottom: 0;padding: 0;}

замените на:
#slideshow .text-border {border-bottom: 0;padding: 0;margin-top:-15%;}

найдите:

#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family: 'Arial', serif;margin-bottom: 30px;}

замените на:
#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family:Monotype Corsiva, Times, Serif;  margin-bottom: 30px;}



#264583 Поправка Шаблона Новогодний

Отправлено bscgroup на 11 Июль 2017 - 14:25

Помогите реализовать как на фото 4, 5, 6, 7 выше писал. Почему то не помогли решить по этим фото.??!!
После дороботак что Вы написали помогите не много исправить вывод товаров. на фото Ширина показано как сейчас. на фото Ширина 2 показано как нужно а именно Кнопку в корзину(уведомить) и ценник выровнить по центру( сделать чуть меньше), рамку шире чутка. Шрифт наименование товара сделать чуть меньше для вместительности и убрать высоту как на фото , сделать отступ товаров друг от друга как на фото.
Заранее спасибо.

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

  • Ширина.jpg
  • Ширина 2.jpg



#264578 Поправка Шаблона Новогодний

Отправлено metry на 11 Июль 2017 - 12:11

Добрый день. Извините за долгое ожидание.

1,3: Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

@media all and (min-width: 1200px) {
#slideshow #slider h2, #slideshow #slider h3 {font-size: 48px;color: #000;letter-spacing: 2px;line-height: inherit;}
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;margin-top: -200px;margin-right: -2%;/* width: 60%; */}
}
@media (max-width: 1200px) and (min-width: 992px) {
#slideshow #slider h2, #slideshow #slider h3 {font-size: 34px;color: #000;letter-spacing: 2px;line-height: inherit;}
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 15px 35px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;margin-top: -170px;margin-right:1%;/* width: 60%; */}
#footer .block-contact #vk_groups{text-align:center;margin-left:20%;}
#footer .contacts{width:40%;margin-left:5px}
}
@media (max-width: 992px) and (min-width: 768px) {
#slideshow #slider h2, #slideshow #slider h3 {font-size: 25px;color: #000;letter-spacing: 2px;line-height: inherit;}
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 15px 35px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;margin-top: -18%;margin-right:1%;}
#footer .block-contact #vk_groups{text-align:center;margin-left:20%;}
#footer .contacts{width:40%;margin-left:5px}
#footer .block-contact #vk_groups{text-align:center;margin-left:20%;}
#footer .contacts{width:40%;margin-left:5px}
}
@media (max-width: 768px) and (min-width: 641px) {
#slideshow #slider h2, #slideshow #slider h3 {font-size: 25px;color: #000;letter-spacing: 2px;line-height: inherit;}
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 15px 35px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;margin-top: -13%;margin-right:5%;}
#footer .block-contact #vk_groups{text-align:center;margin-left:20%;}
#footer .contacts{width:40%;margin-left:5px}
}
@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
}
@media all and (max-width: 481px) {
#footer .block-contact #vk_groups{text-align:left;margin-left:0px;}
#footer .contacts{ width:100%;}
}


4. В конец main.css вставьте:
@media (min-width: 400px) and (max-width: 641px) {
.row {margin-left: -5px;margin-right: -5px;}
.products-grid .item {padding: 0 5px 10px;}
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 180px;}
.goods-image-small{max-width:170px; max-height:170px;}
}
@media (min-width: 330px) and (max-width: 400px) {
.row {margin-left: -2px;margin-right: -2px;}
.products-grid .item {padding: 0 2px 2px;}
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 150px;}
.goods-image-small{max-width:120px; max-height:120px;}
}



#264325 Поправка Шаблона Новогодний

Отправлено bscgroup на 06 Июль 2017 - 19:31

Доброго дня просьба помочь выполнить поправки важные.
ДЛЯ КОМПЬЮТЕРНОЙ ВЕРСИИ:
1) На фото 1 показано что и как разместить

ОБЩАЯ ПРОБЛЕМА:
2) На фото 3 видно есть проблема (ошибка скрипта)

МОБИЛЬНАЯ ВЕРСИЯ:
3) На фото 4 ,5, 6, 7 описано то что нужно перерасположить или поменять.

Заранее спасибо за квалифицированную помощь.

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

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





  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": bscgroup
  3. Privacy Policy