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


Товар На Главной .


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

#1 МАКСИМ К

МАКСИМ К

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

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

Отправлено 18 Март 2018 - 13:49

Здравствуйте друзья !
1 Подскажите пожалуйста как сделать так чтоб кнопка в корзину была сразу под товаром и всегда была видна . То есть в полной версии была так же как и в мобильной версии .
2 Поменять цвет и шрифт цены товара .
3 Список товаров на главной выводимых было больше 10ти.
4 Быстрый просмотр картинки товара сделать так чтоб при нажатии в любое место на картинке открывался быстрый просмотр. И чтоб при наведении курсора картинка не затемлялась.
Заранее огромное спасибо.

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Март 2018 - 15:09

Здравствуйте.
Уточните Ваш актуальный номер аккаунта, текущий 365539 - заблокирован

#3 МАКСИМ К

МАКСИМ К

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

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

Отправлено 21 Март 2018 - 19:27

Добрый вечер . До 04.04 у меня действует бесплатный , пробный месяц на сайт  g365539

#4 МАКСИМ К

МАКСИМ К

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

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

Отправлено 18 Август 2018 - 15:56

Просмотр сообщенияMr.Nito (21 Март 2018 - 15:09) писал:

Здравствуйте.
Уточните Ваш актуальный номер аккаунта, текущий 365539 - заблокирован



Здравствуйте . Вопрос до сих пор остается актуальным .

#5 metry

metry

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

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

Отправлено 19 Август 2018 - 15:43

Добрый день.

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

  • 1.jpg


#6 МАКСИМ К

МАКСИМ К

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

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

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

Добрый вечер. Оплачено


#7 Vaccina

Vaccina

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

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

Отправлено 21 Август 2018 - 07:37

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
.products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;}
.products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;}
.products-grid .item .product-image .actions .ratings {
		margin-bottom: 15px;
		height: 20px;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translate(10px, -30px);
		-moz-transform: translate(10px, -30px);
		-o-transform: translate(10px, -30px);
		-ms-transform: translate(10px, -30px);
		transform: translate(10px, -30px);
		display: none;
}
.products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);}
.products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;}
.products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;}
.products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;}
.products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}

замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;}
.products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}


далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}

замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}

значение цвета вместо color:#cccccc; укажите необходимое.

Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}


#8 МАКСИМ К

МАКСИМ К

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

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

Отправлено 23 Август 2018 - 00:02

Просмотр сообщенияVaccina (21 Август 2018 - 07:37) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
.products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;}
.products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;}
.products-grid .item .product-image .actions .ratings {
	 margin-bottom: 15px;
	 height: 20px;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 -webkit-transform: translate(10px, -30px);
	 -moz-transform: translate(10px, -30px);
	 -o-transform: translate(10px, -30px);
	 -ms-transform: translate(10px, -30px);
	 transform: translate(10px, -30px);
	 display: none;
}
.products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);}
.products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;}
.products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;}
.products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;}
.products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}

замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;}
.products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}


далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}

замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}

значение цвета вместо color:#cccccc; укажите необходимое.

Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}
Спасибо за ответ.  
Но появилась проблема : При наведении курсора на "Добавить в корзину" всплывает информация о модели товара и закрывает кнопку "Добавить в корзину". Необходимо сузить всплывающее окно на треть , чтобы кнопка "Добавить в корзину " не перекрывалась.
2 . Поменять цвет кнопки Добавить в корзину , как на главной так и в карточке товара
3 . В ленте новостей кнопку " К другим новостям магазина" переименовать в "Новинки" и путь для нее сделать в раздел Новинки
4 .Поменять цвет надписи Хит над товаром
5 .Логотип разместить в шапку сайта на место Номера телефона , сам номер сместить вправо.
6 . Если в настройках Главной страницы установить Каталог Товаров то на самом сайте при нажатие кнопки Перейти в каталог страница просто обновляется . Нужно чтоб на главной блоки каталога остались и кнопка Перейти в Каталог выводила на страницу каталога  .
      Заранее огромное спасибо  Вам за ваш труд!!!

Просмотр сообщенияVaccina (21 Август 2018 - 07:37) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}
.products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;}
.products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;}
.products-grid .item .product-image .actions .ratings {
	 margin-bottom: 15px;
	 height: 20px;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 -webkit-transform: translate(10px, -30px);
	 -moz-transform: translate(10px, -30px);
	 -o-transform: translate(10px, -30px);
	 -ms-transform: translate(10px, -30px);
	 transform: translate(10px, -30px);
	 display: none;
}
.products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);}
.products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
.products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;}
.products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;}
.products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;}
.products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;}
.products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}

замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;}
.products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;}
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
.products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}


далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}

замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}

значение цвета вместо color:#cccccc; укажите необходимое.

Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}

далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}
Номер аккаунта g365539

#9 metry

metry

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

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

Отправлено 25 Август 2018 - 10:33

Добрый день.
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}

далее найдите:

.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:

.button2 {border-color: #fff;color: #fff;background-color: #138808;}

- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.

3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:

  <!-- Ссылка на страницу новостей, откуда пришел пользователь -->
  <a href="{NEWS_SECTION_URL}" class="button">
	{% IF NEWS_SECTION_ID=1 %}К другим новостям магазина
	{% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям
	{% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
	{% ELSE %}К другим новостям
	{% ENDIF %}
  </a>

замените на:
	  {% IF NEWS_SECTION_ID=1 %}
		  <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a>
	 {% ELSE %}
 
		<a href="{NEWS_SECTION_URL}" class="button">
		  {% IF NEWS_SECTION_ID=2 %}К другим статьям
		  {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
		  {% ELSE %}К другим новостям
		  {% ENDIF %}
		</a>
	{% ENDIF %}

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

.ico-best {background: #4DB725;}

-в найденном коде для background задайте свой код цвета.

5. Изменения в шапке Вам произвели.

6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
   <a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>

замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>


#10 МАКСИМ К

МАКСИМ К

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

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

Отправлено 25 Август 2018 - 22:43

Просмотр сообщенияmetry (25 Август 2018 - 10:33) писал:

Добрый день.
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}

далее найдите:

.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:

.button2 {border-color: #fff;color: #fff;background-color: #138808;}

- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.

3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:

<!-- Ссылка на страницу новостей, откуда пришел пользователь -->
<a href="{NEWS_SECTION_URL}" class="button">
{% IF NEWS_SECTION_ID=1 %}К другим новостям магазина
{% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям
{% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
{% ELSE %}К другим новостям
{% ENDIF %}
</a>

замените на:
	 {% IF NEWS_SECTION_ID=1 %}
		 <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a>
	 {% ELSE %}

	 <a href="{NEWS_SECTION_URL}" class="button">
		 {% IF NEWS_SECTION_ID=2 %}К другим статьям
		 {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
		 {% ELSE %}К другим новостям
		 {% ENDIF %}
	 </a>
{% ENDIF %}

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

.ico-best {background: #4DB725;}

-в найденном коде для background задайте свой код цвета.

5. Изменения в шапке Вам произвели.

6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
<a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>

замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>
Спасибо огромное!
  Все отлично . Но нужно контакты немного подвинуть влево.
2  В шапке блоки Новинки Хиты и тд. выравнить  по  центру.
3 В мобильную версию добавить логотип
4 В мобильную версию блоки товара сделать по два в ряд .
5 В мобильной версии добавить кнопку меню в шапку.

#11 МАКСИМ К

МАКСИМ К

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

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

Отправлено 31 Август 2018 - 16:54

Просмотр сообщенияmetry (25 Август 2018 - 10:33) писал:

Добрый день.
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}
замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}

далее найдите:

.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:

.button2 {border-color: #fff;color: #fff;background-color: #138808;}

- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.

3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:

  <!-- Ссылка на страницу новостей, откуда пришел пользователь -->
  <a href="{NEWS_SECTION_URL}" class="button">
	{% IF NEWS_SECTION_ID=1 %}К другим новостям магазина
	{% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям
	{% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
	{% ELSE %}К другим новостям
	{% ENDIF %}
  </a>

замените на:
	  {% IF NEWS_SECTION_ID=1 %}
		  <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a>
	 {% ELSE %}

		<a href="{NEWS_SECTION_URL}" class="button">
		  {% IF NEWS_SECTION_ID=2 %}К другим статьям
		  {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ
		  {% ELSE %}К другим новостям
		  {% ENDIF %}
		</a>
	{% ENDIF %}

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

.ico-best {background: #4DB725;}

-в найденном коде для background задайте свой код цвета.

5. Изменения в шапке Вам произвели.

6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
   <a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>

замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>
Номер аккаунта g365539

#12 stasia

stasia

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

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

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

Просмотр сообщенияМАКСИМ К (31 Август 2018 - 16:54) писал:

Номер аккаунта g365539

1.Здравствуйте. Зайдите в шаблон main.css и найдите данный код:
.header-top .header-right .phone {
	line-height: 30px;
	border-right: none;
	vertical-align: bottom;
}

Замените на:
.header-top .header-right .phone {
	line-height: 30px;
	border-right: none;
	vertical-align: bottom;
	margin-right: 25px;
}


2.Найдите код:
#custommenu .mainnav > li > a {
	display: block;
	position: relative;
	color: #000;
	line-height: 40px;
	margin-right: 20px;
	padding: 0 3px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

Замените на код:
#custommenu .mainnav > li > a {
	display: block;
	position: relative;
	color: #000;
	line-height: 40px;
	margin-right: 15px;
	padding: 0 3px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}


3,5.Найдите код:

@media all and (max-width: 641px) {
  .header-middle {display:none;}
.scroll {overflow-x: scroll;}


Измените на:

@media all and (max-width: 641px) {
.scroll {overflow-x: scroll;}


Найдите код:

#mommenu {display: inline-block;}

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

#mommenu {display: inline-block;margin-top: 13px;}


#13 МАКСИМ К

МАКСИМ К

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

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

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

Просмотр сообщенияstasia (03 Сентябрь 2018 - 17:22) писал:


1.Здравствуйте. Зайдите в шаблон main.css и найдите данный код:
.header-top .header-right .phone {
line-height: 30px;
border-right: none;
vertical-align: bottom;
}

Замените на:
.header-top .header-right .phone {
line-height: 30px;
border-right: none;
vertical-align: bottom;
margin-right: 25px;
}


2.Найдите код:
#custommenu .mainnav > li > a {
display: block;
position: relative;
color: #000;
line-height: 40px;
margin-right: 20px;
padding: 0 3px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
}

Замените на код:
#custommenu .mainnav > li > a {
display: block;
position: relative;
color: #000;
line-height: 40px;
margin-right: 15px;
padding: 0 3px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
}


3,5.Найдите код:

@media all and (max-width: 641px) {
.header-middle {display:none;}
.scroll {overflow-x: scroll;}


Измените на:

@media all and (max-width: 641px) {
.scroll {overflow-x: scroll;}


Найдите код:

#mommenu {display: inline-block;}

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

#mommenu {display: inline-block;margin-top: 13px;}
Спасибо большое . Все отлично. Еще один вопрос . Нужно убрать в мобильной версии из шапки номер телефона и выравнить как на втором скриншоте.

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

  • Screenshot_20180903-230733_Yandex Browser.jpg
  • Screenshot_20180903-232221_Yandex Browser.jpg


#14 Vaccina

Vaccina

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

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

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

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

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

после него вставьте:
.header-top .header-right {
	margin-top: 0px;
}
.header-top .header-right .phone {
	display: none;
}


#15 МАКСИМ К

МАКСИМ К

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

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

Отправлено 12 Октябрь 2018 - 12:59

Здравствуйте, 1 подскажите пожалуйста где поменять цвет фона под категориями? См.скриншот.
2 . Если я добавляю 5ю,6ю категорию то она смещается вниз. Можно ли сделать так чтоб при добавлении дополнительной категории они оставались в одном ряду? Относится и к мобильной и основной версиям.  Заранее спасибо . Аккаунт SL-446068

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

  • 20181011_184713.jpg


#16 RayLi

RayLi

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

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

Отправлено 12 Октябрь 2018 - 16:47

Просмотр сообщенияМАКСИМ К (12 Октябрь 2018 - 12:59) писал:

Здравствуйте, 1 подскажите пожалуйста где поменять цвет фона под категориями? См.скриншот.
2 . Если я добавляю 5ю,6ю категорию то она смещается вниз. Можно ли сделать так чтоб при добавлении дополнительной категории они оставались в одном ряду? Относится и к мобильной и основной версиям.  Заранее спасибо . Аккаунт SL-446068

Здравствуйте.
В данном случае, попробуйте, пожалуйста, на Вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный блок кода:

.categories .item .cat-name {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #efefec;
}

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

.categories .item .cat-name {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #ffffff;
}


#17 BeYours

BeYours

    Новичок

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

Отправлено 11 Декабрь 2018 - 22:16

Здравствуйте! Помогите, пожалуйста: заменила теги, как показано на картинке 1 1.png ; всё получилось, но изображения не отображаются, как видно на картинке 2.2.png Я ничего не трогала и у каждой товарной подкатегории своя фотография есть (картинка 3).3.png Что не так?

#18 Vaccina

Vaccina

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

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

Отправлено 03 Январь 2019 - 14:50

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

Простите за ожидание, повторите изменения выше, после этого зайдите в main.css - найдите:
#custommenu .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;}
#custommenu .mainnav li a.title-lv1 {display: block;font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;}

замените на:
#custommenu .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;line-height: 40px;}
#custommenu .mainnav li a.title-lv1 {font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;}

BeYours.ru  интернет магазин одежды.png




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

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