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


Кнопка


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

#1 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 04 Сентябрь 2017 - 20:14

Добрый день!
Почему-то в мобильной версии кнопка "в корзину" у товара сдвинута вправо и обрезана.
Как сдвинуть ее левее?

#2 Vaccina

Vaccina

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

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

Отправлено 05 Сентябрь 2017 - 05:49

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input type="button" value="" id="button-cart" class="vkarzi" style="margin-left:130px;" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
  
  
в данной строке уменьшите значение стиля margin-left

#3 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 05 Сентябрь 2017 - 20:29

Поставила 0 для margin-left, дальше не двигается.  Но  хотелось бы сдвинуть ещё правее, чтобы кнопка вписывалась в рамочку в мобильной версии.

#4 Vaccina

Vaccina

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

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

Отправлено 06 Сентябрь 2017 - 07:01

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.vkarzi2 {  background: url("{ASSETS_IMAGES_PATH}vkarz2.png") no-repeat left top; border:none;display:block!important;
				   height:39px;width:157px;}
                  
замените на:
.vkarzi2 {  background: url("{ASSETS_IMAGES_PATH}vkarz2.png") no-repeat left top; border:none;display:block!important; height:51px;width:220px;background-size: cover;}


#5 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 06 Сентябрь 2017 - 19:12

так съезжают кнопки при просмотре категории с телефона

#6 Vaccina

Vaccina

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

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

Отправлено 07 Сентябрь 2017 - 06:04

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

Прошу прощения, не доглядела, что данный класс используется и в других шаблонах кроме карточки товара. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<style>
				 .vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;
				   height:61px;width:252px;}
				 .vkarzi:hover{background-position: left bottom;cursor:pointer;}			   
	
			   </style>

  
замените на:
<style>
  .vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;height:51px;width:220px;background-size: cover;}
  .vkarzi:hover{background-position: left bottom;cursor:pointer;}  
</style>


#7 sandra.005@mail.ru

sandra.005@mail.ru

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

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

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

Попробую. Вот ещё в мобильной версии все остальное сдвигается влево, это можно исправить?

Фото ошибки

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

  • Screenshot_2017-09-07-13-06-59.png


#8 Ирина345

Ирина345

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

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

Отправлено 07 Сентябрь 2017 - 17:31

Просмотр сообщенияsandra.005@mail.ru (07 Сентябрь 2017 - 13:10) писал:

Попробую. Вот ещё в мобильной версии все остальное сдвигается влево, это можно исправить?

Фото ошибки
Здравствуйте, найдите в файле main.css код
.prod_hold {
margin: 15px auto;
}

после вставьте
.prod_hold {
margin: 15px auto;
}
.tab-content .prod_hold .image.goods-cat-image-medium-square.textc, .prod_hold .image.goods-cat-image-medium-square.textc img {
width: 100% !important;
}
.tab-content .addToCartBlock .vkarzi2 {margin-left:0 !important;}


#9 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 07 Сентябрь 2017 - 20:48

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

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

Прошу прощения, не доглядела, что данный класс используется и в других шаблонах кроме карточки товара. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<style>
				 .vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;
				 height:61px;width:252px;}
				 .vkarzi:hover{background-position: left bottom;cursor:pointer;}			

			 </style>

  
замените на:
<style>
.vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;height:51px;width:220px;background-size: cover;}
.vkarzi:hover{background-position: left bottom;cursor:pointer;}
</style>

Попробовала сделать, кнопка исчезла вообще. То есть превратилась в узенькую серую полосочку.

Просмотр сообщенияИрина345 (07 Сентябрь 2017 - 17:31) писал:

Здравствуйте, найдите в файле main.css код
.prod_hold {
margin: 15px auto;
}

после вставьте
.prod_hold {
margin: 15px auto;
}
.tab-content .prod_hold .image.goods-cat-image-medium-square.textc, .prod_hold .image.goods-cat-image-medium-square.textc img {
width: 100% !important;
}
.tab-content .addToCartBlock .vkarzi2 {margin-left:0 !important;}

Такого кода нет

#10 Vaccina

Vaccina

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

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

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

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

Цитата

Прошу прощения, не доглядела, что данный класс используется и в других шаблонах кроме карточки товара. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<style>
.vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;
   height:61px;width:252px;}
.vkarzi:hover{background-position: left bottom;cursor:pointer;}   

   </style>

  
замените на:
<style>
  .vkarzi { background: url("{ASSETS_IMAGES_PATH}vkarz1.png") no-repeat left top; border:none;height:51px;width:220px;background-size: cover;}
  .vkarzi:hover{background-position: left bottom;cursor:pointer;}  
</style>

Результат данных изменений:
Скриншот сделанный 2017-09-08 в 12.51.29.png

Цитата

Здравствуйте, найдите в файле main.css код
.prod_hold {
margin: 15px auto;
}

Находится на 960 строке:
Администрирование интернет магазина. Редактор шаблонов.png

#11 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 09 Сентябрь 2017 - 13:25

Просмотр сообщенияИрина345 (07 Сентябрь 2017 - 17:31) писал:

Здравствуйте, найдите в файле main.css код
.prod_hold {
margin: 15px auto;
}

после вставьте
.prod_hold {
margin: 15px auto;
}
.tab-content .prod_hold .image.goods-cat-image-medium-square.textc, .prod_hold .image.goods-cat-image-medium-square.textc img {
width: 100% !important;
}
.tab-content .addToCartBlock .vkarzi2 {margin-left:0 !important;}
Изменения внесла, в мобильной версии все по прежнему сдвинуто вправо.

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

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



Результат данных изменений:
Прикрепленный файл Скриншот сделанный 2017-09-08 в 12.51.29.png



Находится на 960 строке:
Прикрепленный файл Администрирование интернет магазина. Редактор шаблонов.png

Спасибо.

#12 Mr.Nito

Mr.Nito

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

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

Отправлено 09 Сентябрь 2017 - 15:52

Просмотр сообщенияsandra.005@mail.ru (09 Сентябрь 2017 - 13:25) писал:

Изменения внесла, в мобильной версии все по прежнему сдвинуто вправо.



Спасибо.
Здравствуйте.
Сейчас катрочка товара и товар в категории отображаются так:

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

  • IMG_0394.PNG
  • IMG_0395.PNG


#13 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 13 Сентябрь 2017 - 19:21

В мобильной версии товары в рубрике "с этим товаром смотрят" обрезаны справа. Как это исправить?

#14 Vaccina

Vaccina

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#prodWrp{padding:10px;}

после него пропишите:
#prodWrp .prod_hold{width: 100% !important;}
#prodWrp .prod_hold .addToCart11.vkarzi2{width:90%;margin: 0 auto !important;background-size: cover;height: 30px;}


#15 sandra.005@mail.ru

sandra.005@mail.ru

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

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

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

Спасибо




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

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