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


Всего По Не Многу В Шаблоне Рассвет


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

#1 МАКСИМ К

МАКСИМ К

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

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

Отправлено 02 Сентябрь 2018 - 16:36

Bagroom-msk.ru  
  Здравствуйте.  Помогите исправить пожалуйста ошибки в Мобильной версии шаблона Рассвет .
1 В шапку установить логотип
2 В шапку установить кнопку меню
3 В шапку добавить соц сети Инстаграм, ОК, Вк FB как в мобильной так и в основной версии. В основной добавить между лого и контактами .
4  Товары на главной в мобильной версии установить по 2 в ряд , и указать где я могу этот порядок самостоятельно изменять.
5 Под слайдером в мобильной версии  установить в ряд блоки каталога . сейчас их 4 шт Пусть они будут меньшем размером но в ряд с зазором между собой .
6 В основной версии так же блоки каталогов установить сразу под слайдером .
7 В основной версии в шапке выравнять блоки каталога по центру .

#2 RayLi

RayLi

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

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

Отправлено 03 Сентябрь 2018 - 09:19

Просмотр сообщенияМАКСИМ К (02 Сентябрь 2018 - 16:36) писал:

Bagroom-msk.ru  
  Здравствуйте.  Помогите исправить пожалуйста ошибки в Мобильной версии шаблона Рассвет .
1 В шапку установить логотип
2 В шапку установить кнопку меню
3 В шапку добавить соц сети Инстаграм, ОК, Вк FB как в мобильной так и в основной версии. В основной добавить между лого и контактами .
4  Товары на главной в мобильной версии установить по 2 в ряд , и указать где я могу этот порядок самостоятельно изменять.
5 Под слайдером в мобильной версии  установить в ряд блоки каталога . сейчас их 4 шт Пусть они будут меньшем размером но в ряд с зазором между собой .
6 В основной версии так же блоки каталогов установить сразу под слайдером .
7 В основной версии в шапке выравнять блоки каталога по центру .

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

#3 МАКСИМ К

МАКСИМ К

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

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

Отправлено 03 Сентябрь 2018 - 12:34

Просмотр сообщенияRayLi (03 Сентябрь 2018 - 09:19) писал:

Здравствуйте.
Просьба указать расположение всех требуемых Вам доработок на скриншоте, так как не совсем понятно как именно всё должно получиться в результате, в отличие от того, что у Вас сейчас на сайте.
Здравствуйте
По пунктам 1.2.3 скриншот 1 Снимок экрана (13)_LI.jpg то есть слева как сейчас в моб. версии справа как должно быть
Так же по пункту 3 добавить инстаграм , вк , Ок. Facebook

По пунктам  4.5  на скриншоте № 2Снимок экрана (14)_LI.jpg слева как сейчас в моб. версии справа как должно быть . Так же на этом скрине видно как разместить блоки каталога . Эти блоки нужно сделать и в основной и в мобильной версиях .
Пункт 7 скрин №3Снимок экрана (16)_LI.jpg
  Надеюсь все информативно и видно на скриншотах .  Заранее огромное спасибо Вам .

#4 МАКСИМ К

МАКСИМ К

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

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

Отправлено 05 Сентябрь 2018 - 00:35

Просмотр сообщенияRayLi (03 Сентябрь 2018 - 09:19) писал:

Здравствуйте.
Просьба указать расположение всех требуемых Вам доработок на скриншоте, так как не совсем понятно как именно всё должно получиться в результате, в отличие от того, что у Вас сейчас на сайте.
Пункты 1. 2 . 3 . 7 уже исправил . Спасибо .
Актуальны пункты 4 . 5 !

#5 Vaccina

Vaccina

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

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

Отправлено 05 Сентябрь 2018 - 04:44

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
                        
после него пропишите:
		.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;}
		.categories .item {width: 24%;margin: 0.5%;}
		.categories .item .cat-image {height: 100px;line-height:100px;}
		.categories .item .cat-image img {width: 100%;}


#6 МАКСИМ К

МАКСИМ К

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

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

Отправлено 05 Сентябрь 2018 - 15:22

Просмотр сообщенияVaccina (05 Сентябрь 2018 - 04:44) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
		.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;}
		.categories .item {width: 24%;margin: 0.5%;}
		.categories .item .cat-image {height: 100px;line-height:100px;}
		.categories .item .cat-image img {width: 100%;}
bagroom-msk.ru
Здравствуйте .
Это почти то что я хотел. Единственное теперь изображение товаров стало в половину ( см скриншот). Блоки каталога по размеру хорошо получились но надписи в них не поместились ( скриншот 2)  нужно исправить . И Эти блоки нужно разместить сразу под слайдером .

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

  • Screenshot_20180905-152459_Yandex Browser.jpg
  • Screenshot_20180905-151644_Yandex Browser.jpg


#7 Vaccina

Vaccina

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

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

Отправлено 06 Сентябрь 2018 - 06:45

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
								  <div class="addtocart">
									<!--a class="add-cart quick button button2" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a-->
									<a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a>
								  </div>
                                  
замените на:
								  <div class="addtocart">
									<a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">В корзину</a>
								  </div>

далее найдите:
			<!-- /END Товары на главной, Новинки, Хиты -->
						{BODY}

замените на:
			<!-- /END Товары на главной, Новинки, Хиты -->

далее найдите:
			<!-- Товары на главной, Новинки, Хиты -->
			{% IF index_page %}

замените на:
						{BODY}
			<!-- Товары на главной, Новинки, Хиты -->
			{% IF index_page %}

                                  
далее зайдите в main.css - найдите:
  .products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;}
				.categories .item {width: 24%;margin: 0.5%;}
				.categories .item .cat-image {height: 100px;line-height:100px;}
				.categories .item .cat-image img {width: 100%;}
                
замените на:
.products-grid .item{width:49%}
.products-grid .item .item-inner {width: 100%;}
.products-grid .item .product-image a.product-img {line-height: 150px;}
.products-grid .item .item-inner img {width: 100%; height: auto;}  
.categories .item {width: 24%;margin: 0.5%;}
.categories .item .cat-image {height: 100px;line-height:100px;}
.categories .item .cat-image img {width: 100%;}
.categories .item .cat-name a {white-space: normal;height: 30px;font-size: 12px;}

И категорию "Сумки для твоего стиля" можно просто переименовать в "Твой стиль" смысл тот же и количество букв совпадает с другими названиями =)

#8 МАКСИМ К

МАКСИМ К

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

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

Отправлено 06 Сентябрь 2018 - 22:46

Просмотр сообщенияVaccina (06 Сентябрь 2018 - 06:45) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
								 <div class="addtocart">
								 <!--a class="add-cart quick button button2" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a-->
								 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a>
								 </div>
  
замените на:
								 <div class="addtocart">
								 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">В корзину</a>
								 </div>

далее найдите:
		 <!-- /END Товары на главной, Новинки, Хиты -->
					 {BODY}

замените на:
		 <!-- /END Товары на главной, Новинки, Хиты -->

далее найдите:
		 <!-- Товары на главной, Новинки, Хиты -->
		 {% IF index_page %}

замените на:
					 {BODY}
		 <!-- Товары на главной, Новинки, Хиты -->
		 {% IF index_page %}

  
далее зайдите в main.css - найдите:
 .products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;}
			 .categories .item {width: 24%;margin: 0.5%;}
			 .categories .item .cat-image {height: 100px;line-height:100px;}
			 .categories .item .cat-image img {width: 100%;}

замените на:
.products-grid .item{width:49%}
.products-grid .item .item-inner {width: 100%;}
.products-grid .item .product-image a.product-img {line-height: 150px;}
.products-grid .item .item-inner img {width: 100%; height: auto;}
.categories .item {width: 24%;margin: 0.5%;}
.categories .item .cat-image {height: 100px;line-height:100px;}
.categories .item .cat-image img {width: 100%;}
.categories .item .cat-name a {white-space: normal;height: 30px;font-size: 12px;}

И категорию "Сумки для твоего стиля" можно просто переименовать в "Твой стиль" смысл тот же и количество букв совпадает с другими названиями =)
Ребята вы супер . Все хорошо.
Но есть но (
В мобильной версии некоторые  товары на главной все равно немного пляшут по размерам , по высоте, нужно исправить .
Второе , помогите  увеличить немного зазор между слайдером и категориями каталога на Основной Версии .
Заранее спасибо.

#9 RayLi

RayLi

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

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

Отправлено 07 Сентябрь 2018 - 09:34

Просмотр сообщенияМАКСИМ К (06 Сентябрь 2018 - 22:46) писал:

Ребята вы супер . Все хорошо.
Но есть но (
В мобильной версии некоторые  товары на главной все равно немного пляшут по размерам , по высоте, нужно исправить .
Второе , помогите  увеличить немного зазор между слайдером и категориями каталога на Основной Версии .
Заранее спасибо.

Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:

#main {
	position: relative;
	overflow: hidden;
}

И замените его этим вот кодом:

#main {
	position: relative;
	overflow: hidden;
	padding-top: 40px;
}


Затем там же найдите, пожалуйста, данный код:

.products-grid .item .item-inner img {
	width: 100%;
	height: auto;
}

И замените его этим кодом:

.products-grid .item .item-inner img {
	width: 100px;
	height: auto;
}


#10 МАКСИМ К

МАКСИМ К

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

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

Отправлено 07 Сентябрь 2018 - 21:30

Просмотр сообщенияRayLi (07 Сентябрь 2018 - 09:34) писал:

Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:

#main {
position: relative;
overflow: hidden;
}

И замените его этим вот кодом:

#main {
position: relative;
overflow: hidden;
padding-top: 40px;
}


Затем там же найдите, пожалуйста, данный код:

.products-grid .item .item-inner img {
width: 100%;
height: auto;
}

И замените его этим кодом:

.products-grid .item .item-inner img {
width: 100px;
height: auto;
}
Добрый вечер . Изменения внес . Спасибо .
Только все равно некоторые блоки товаров не ровно стоят относительно друг другу , на скрине видно. Я заметил , не ровные только те которые с зачеркнутой ценой ( см. скрин 1) Screenshot_20180907-211649_Yandex Browser.jpg
И после каждого изменения вылезают другие ошибки , в совсем других страницах . Так например сегодня выглядит С Этим Товаром Смотрят  и Сопутствующие Товары (см. скрин 2) Screenshot_20180907-211110_Yandex Browser.jpg . То есть криво стоит кнопка Добавить В Корзину и товаров должно быть два а не один .
Спасибо.

#11 Vaccina

Vaccina

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

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

Отправлено 08 Сентябрь 2018 - 08:15

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-inner img {
		width: 100px;
		height: auto;
} 
            
замените на:
.products-grid .item .item-inner img {width: 100px;height: auto;}
.products-grid .item .product-shop .price-box {height: 60px;white-space: normal;margin: 0 -15px;}
.products-grid .item .product-shop .price-box > span {white-space: nowrap;margin: 0;}
.products-grid .item .product-shop .price-box span {font-size: 14px;}


#12 МАКСИМ К

МАКСИМ К

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

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

Отправлено 08 Сентябрь 2018 - 15:20

Просмотр сообщенияVaccina (08 Сентябрь 2018 - 08:15) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-inner img {
		width: 100px;
		height: auto;
} 

замените на:
.products-grid .item .item-inner img {width: 100px;height: auto;}
.products-grid .item .product-shop .price-box {height: 60px;white-space: normal;margin: 0 -15px;}
.products-grid .item .product-shop .price-box > span {white-space: nowrap;margin: 0;}
.products-grid .item .product-shop .price-box span {font-size: 14px;}
Аккаунт SL-446068
Здравствуйте .  По первому вопросу все отлично.
Второй вопрос остается актуальным ! На скрине видно что надпись кривая . И нужно чтоб рядом был второй товар .
Тоже самое обнаружилось при выводе товаров на главной странице Новинки,Хиты. В мобильной версии (см скрин 2.3) Помогите исправить.

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

  • 20180908_152027.jpg
  • Screenshot_20180910-223248_Yandex Browser.jpg
  • Screenshot_20180910-223245_Yandex Browser.jpg

Сообщение отредактировал МАКСИМ К: 10 Сентябрь 2018 - 22:33


#13 Vaccina

Vaccina

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

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

Отправлено 11 Сентябрь 2018 - 08:30

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

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

замените на:
В корзину

Далее зайдите в main.js найдите:
// С этим товаром смотрят
jQuery(function($) {
  var carouselU = $('.related-views .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,1],
	  itemsMobile: [481,1],

замените на:
// С этим товаром смотрят
jQuery(function($) {
  var carouselU = $('.related-views .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,1],
	  itemsMobile: [481,2],


#14 МАКСИМ К

МАКСИМ К

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

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

Отправлено 11 Сентябрь 2018 - 10:22

Просмотр сообщенияVaccina (11 Сентябрь 2018 - 08:30) писал:

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

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

замените на:
В корзину

Далее зайдите в main.js найдите:
// С этим товаром смотрят
jQuery(function($) {
var carouselU = $('.related-views .products-grid');
carouselU.owlCarousel({
items: 4,
itemsDesktop: [1199,3],
itemsDesktopSmall: [991,2],
itemsTablet: [767,2],
itemsTabletSmall: [641,1],
itemsMobile: [481,1],

замените на:
// С этим товаром смотрят
jQuery(function($) {
var carouselU = $('.related-views .products-grid');
carouselU.owlCarousel({
items: 4,
itemsDesktop: [1199,3],
itemsDesktopSmall: [991,2],
itemsTablet: [767,2],
itemsTabletSmall: [641,1],
itemsMobile: [481,2],
SL-446068
Здравствуйте изменения внес . Теперь это вот так смотрится .Screenshot_20180911-101731_Yandex Browser.jpg
Еще один вопрос .
1  Нужно сделать так как на втором скриншоте. То есть с верхней шапки корзину и поиск переместить на полосу где логотип . А верхнюю белую полосу убрать совсем .  Желательно чтоб самой строки Поиск не было а был только значок Лупа , при нажатии на который появлялась стока поиска.
2 Как поменять цвет полосы где находится логотип.
3 Как поменять цвет фона под категориями
  4 Блок РАБОТАТЬ С НАМИ ПРОСТО сделать в Одну линию . То есть надпись и под ней сами картинки (Как в десктопной версии)  
Все вопросы относятся только к Мобильной Версии.
Заранее огромное Вам спасибо)

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

  • 20180911_131840.jpg
  • 20180911_131127.jpg


#15 Vaccina

Vaccina

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

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

Отправлено 13 Сентябрь 2018 - 07:49

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

замените на:
@media all and (max-width: 481px) {
.header-top {background-color: #638326;}
.header-middle {background-color: #638326;}
.categories .item .cat-name {background-color: #638326;}
#information .item {width: 25%;float: left;padding: 0;}
#information .item .image {width: 50px;height: 50px;line-height: 40px;text-align:center;}
#information .item .image img {width: 30px; height: auto;}
#information .item .title {width: 100%;font-size: 12px;line-height: 14px;hyphens: auto;max-height: 85px;padding: 0;}

измените цвета на необходимые.

#16 МАКСИМ К

МАКСИМ К

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

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

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

Просмотр сообщенияVaccina (13 Сентябрь 2018 - 07:49) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

замените на:
@media all and (max-width: 481px) {
.header-top {background-color: #638326;}
.header-middle {background-color: #638326;}
.categories .item .cat-name {background-color: #638326;}
#information .item {width: 25%;float: left;padding: 0;}
#information .item .image {width: 50px;height: 50px;line-height: 40px;text-align:center;}
#information .item .image img {width: 30px; height: auto;}
#information .item .title {width: 100%;font-size: 12px;line-height: 14px;hyphens: auto;max-height: 85px;padding: 0;}

измените цвета на необходимые.
SL-446068
Здравствуйте .  Почти то что хотел.
Осталась актуальна ошибка о которой я писал ранее . На скрине видно что в С Этим Товаром Смотрят ошибка и в Сопутствующих товарах так же товары по одному вместо двух .

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

  • Screenshot_20180913-110502_Yandex Browser.jpg
  • Screenshot_20180913-110518_Yandex Browser.jpg


#17 Firefly

Firefly

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

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

Отправлено 13 Сентябрь 2018 - 12:07

Просмотр сообщенияМАКСИМ К (13 Сентябрь 2018 - 11:20) писал:

SL-446068
Здравствуйте .  Почти то что хотел.
Осталась актуальна ошибка о которой я писал ранее . На скрине видно что в С Этим Товаром Смотрят ошибка и в Сопутствующих товарах так же товары по одному вместо двух .

Здравствуйте.
Поправил.

#18 МАКСИМ К

МАКСИМ К

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

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

Отправлено 13 Сентябрь 2018 - 14:15

Просмотр сообщенияFirefly (13 Сентябрь 2018 - 12:07) писал:

Здравствуйте.
Поправил.
Спасибо большое. Все хорошо

#19 МАКСИМ К

МАКСИМ К

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

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

Отправлено 14 Сентябрь 2018 - 11:31

Просмотр сообщенияFirefly (13 Сентябрь 2018 - 12:07) писал:



Здравствуйте.
Поправил.
Здравствуйте . Подскажите как сделать товары на главной , хиты , новинки каруселью . Так же и в сопутствующих и с этим товаром смотрят.
Спасибо.

#20 RayLi

RayLi

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

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

Отправлено 14 Сентябрь 2018 - 11:41

Просмотр сообщенияМАКСИМ К (14 Сентябрь 2018 - 11:31) писал:

Здравствуйте . Подскажите как сделать товары на главной , хиты , новинки каруселью . Так же и в сопутствующих и с этим товаром смотрят.
Спасибо.

Здравствуйте.
Для этого Вам необходимо в бэк-офисе Вашего интернет-магазина зайти в раздел: "Товары" -> "Товары" и там, в блоке: "Особые разделы" добавить товары в такие категории как: "Хиты продаж" , "Новинки", "Товары на главой" и т.д.




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

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