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


Удаление Кнопок


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

#1 PumPus

PumPus

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

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

Отправлено 16 Январь 2018 - 00:41

Добрый день!
Подскажите, пожалуйста, как удалить обведенные области на вложенном файле?

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

  • Корректировка.jpg


#2 metry

metry

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

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

Отправлено 16 Январь 2018 - 10:26

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

	 <div class="block-info">
	 <div class="container">
		 <div class="row">
		 <ul class="info-list">
			 <li class="info-item col-sm-4 col-xs-12">
			 <a href="{PAGES_ROOT_URL}/Доставка">
				 <div class="info-icon">
				 <i class="fa fa-truck"></i>
				 </div>
				 <div class="info-content">
				 <h6>Бесплатная доставка</h6>
				 <p class="text-italic">Доставка по городу бесплатно!</p>
				 </div>
			 </a>
			 </li>
			 <li class="info-item col-sm-4 col-xs-12">
			 <a href="{PAGES_ROOT_URL}/Доставка">
				 <div class="info-icon">
				 <i class="fa fa-gift"></i>
				 </div>
				 <div class="info-content">
				 <h6>Прием заказов 24/7</h6>
				 <p class="text-italic">Скидки при оформлении заказа!</p>
				 </div>
			 </a>
			 </li>
			 <li class="info-item col-sm-4 col-xs-12">
			 <a href="{PAGES_ROOT_URL}/Доставка">
				 <div class="info-icon">
				 <i class="fa fa-money"></i>
				 </div>
				 <div class="info-content">
				 <h6>Гарантия возврата</h6>
				 <p class="text-italic">Возврат товара в течение 30 дней!</p>
				 </div>
			 </a>
			 </li>
		 </ul>
		 </div>
	 </div>
	 </div>

замените на:
	  <div class="block-info">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item col-sm-4 col-xs-12">
				<!--a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Бесплатная доставка</h6>
					<p class="text-italic">Доставка по городу бесплатно!</p>
				  </div>
				</a-->
			  </li>
			  <li class="info-item col-sm-4 col-xs-12">
				<a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Прием заказов 24/7</h6>
					<p class="text-italic">Скидки при оформлении заказа!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item col-sm-4 col-xs-12">
				<!--a href="{PAGES_ROOT_URL}/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>Гарантия возврата</h6>
					<p class="text-italic">Возврат товара в течение 30 дней!</p>
				  </div>
				</a-->
			  </li>
			</ul>
		  </div>
		</div>
	  </div>


#3 PumPus

PumPus

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

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

Отправлено 16 Январь 2018 - 21:38

Добрый вечер. Спасибо.
Но я там выделял еще кнопки соц сетей и выбор оплаты, но кд их не удалил. Как их удалить?
Я х выделил еще раз.

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

  • Удаление кнопок.png


#4 PumPus

PumPus

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

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

Отправлено 16 Январь 2018 - 22:08

Можно еще изменить "поиск по магазину"? Нужно сделать его в рамочку. Толщина рамочки примерно 2 мм и цвет как кнопка "корзина". И так же сделать ее не прямоугольной, а со скругленными краями (пример овального поиска прикладываю), но поиск так и должен остаться черным, просто стать овальным  в рамке.

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

  • Изменение поиск.png
  • Пример овального поиска.png


#5 PumPus

PumPus

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

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

Отправлено 17 Январь 2018 - 00:05

Как сделать что бы название товаров писалось в 2 строчки, что бы оно было видно полностью?
Сейчас оно пишется в 1 строчку,фото прилагаю.

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

  • Название в две строчки.png


#6 Vaccina

Vaccina

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

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

Отправлено 17 Январь 2018 - 02:55

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

Просмотр сообщенияPumPus (16 Январь 2018 - 21:38) писал:

Добрый вечер. Спасибо.
Но я там выделял еще кнопки соц сетей и выбор оплаты, но кд их не удалил. Как их удалить?
Я х выделил еще раз.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<div id="payment_services" class="col-sm-8 col-xs-12">
				<a href="#" title="Перейти на страницу описания оплаты">
				  <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				  <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				  <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				  <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				  <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				  <span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				  <span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				  <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				  <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				  <span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
				</a>
			  </div>

и:
<!-- Соц. сети -->
				<h4 class="title">Мы в социальных сетях</h4>
				<div class="social-links">
				  <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a>
				  <a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>
				  <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a>
				  <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a>
				  <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a>
				</div>

Просмотр сообщенияPumPus (16 Январь 2018 - 22:08) писал:

Можно еще изменить "поиск по магазину"? Нужно сделать его в рамочку. Толщина рамочки примерно 2 мм и цвет как кнопка "корзина". И так же сделать ее не прямоугольной, а со скругленными краями (пример овального поиска прикладываю), но поиск так и должен остаться черным, просто стать овальным  в рамке.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.form-search #search_mini_form {position: relative;overflow: visible;background-color: #fff;width: auto;min-width: initial;padding: 0;}
.form-search #search_mini_form .search-string {height: 40px;width: 100%;background-color: #1B1B1B;padding: 10px 15px;margin: 0;color: #fff;font-family: Arial;font-size: 13px;line-height: 20px;border: 0;border-bottom: 1px solid #343434;}
.form-search #search_mini_form .button {position: absolute;width: 40px;height: 40px;color: #fff;background-color: transparent;font-size: 14px;right: 0;top: 0;border: 0;cursor: pointer;}

замените на:
.form-search #search_mini_form {position: relative;overflow: visible;background-color: #1C8A71;width: auto;min-width: initial;padding: 5px;}
.form-search #search_mini_form .search-string {height: 40px;width: 100%;background-color: #1B1B1B;padding: 10px 15px;margin: 0;color: #fff;font-family: Arial;font-size: 13px;line-height: 20px;border: 0;border-bottom: 1px solid #343434;border-radius: 20px;}
.form-search #search_mini_form .button {position: absolute;width: 40px;height: 40px;color: #fff;background-color: transparent;font-size: 14px;right: 5px;top: 5px;border: 0;cursor: pointer;}

Просмотр сообщенияPumPus (17 Январь 2018 - 00:05) писал:

Как сделать что бы название товаров писалось в 2 строчки, что бы оно было видно полностью?
Сейчас оно пишется в 1 строчку,фото прилагаю.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .product-name a {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}

замените на:
.products-grid .item .product-shop .product-name a {display: block;overflow: hidden;font-size: 16px;height: 43px;}


#7 PumPus

PumPus

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

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

Отправлено 17 Январь 2018 - 19:53

Все получилось. Спасибо.

#8 PumPus

PumPus

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

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

Отправлено 17 Январь 2018 - 20:03

Можно  ли на данном шаблоне сделать кнопку быстрый заказ как в приложенном файле? Только что бы цвет кнопки был как кнопка  " корзину"
Если да,то как?

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

  • Быстрый заказ.png


#9 PumPus

PumPus

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

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

Отправлено 17 Январь 2018 - 21:31

Как сделать, что бы товары в магазине были по 4 товара в строку?
Пример прикладываю.

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

  • 4 товара в строку.png


#10 Vaccina

Vaccina

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

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

Отправлено 18 Январь 2018 - 06:18

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-inner {width: 270px;border: 1px solid #e1e1e1;overflow: hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.products-grid .item .item-inner:hover {overflow: hidden;box-shadow: 0 0 10px #d4d4d4;}
.products-grid .item .product-image {position: relative;margin-bottom: 10px;max-width:270px; max-height:270px}

замените на:
.products-grid .item .item-inner {width: 230px;border: 1px solid #e1e1e1;overflow: hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.products-grid .item .item-inner:hover {overflow: hidden;box-shadow: 0 0 10px #d4d4d4;}
.products-grid .item .product-image {position: relative;margin-bottom: 10px;max-width:230px; max-height:270px}

далее зайдите в шаблон Товары - найдите:
<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
						 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					 </div>

после него пропишите:
<a class="add-cart quick button" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}">Быстрый заказ</a>


#11 PumPus

PumPus

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

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

Отправлено 18 Январь 2018 - 21:37

Я не могу найти такие строки. Как в первом пункте.

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

  • Не могу найти.png
  • Не могу найти 2.png


#12 PumPus

PumPus

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

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

Отправлено 18 Январь 2018 - 23:09

Как поменять надпись "нот"? Что бы она была белой,а круг красным?

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

  • Хит продаж.png


#13 Firefly

Firefly

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

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

Отправлено 19 Январь 2018 - 12:42

Просмотр сообщенияPumPus (18 Январь 2018 - 23:09) писал:

Как поменять надпись "нот"? Что бы она была белой,а круг красным?

Здравствуйте.
Изменения Вам произвел по инструкции из первого пункта сообщения выше.
Так же код:
.ico-best {top: 5px;background: #4DB725;}

Заменил на:
.ico-best {top: 5px;background: #ff0000;}


#14 PumPus

PumPus

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

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

Отправлено 19 Январь 2018 - 21:44

Спасибо.
Но теперь товар идет по 6 товаров в строку, а я хотел по 4.
Может я не правильно выразился, приложил пример как в магазине сейчас и как я хочу что бы стало.
Подскажите,пожалуйста как это сделать?

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

  • Как хотел изменить.png


#15 Firefly

Firefly

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

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

Отправлено 20 Январь 2018 - 09:56

Просмотр сообщенияPumPus (19 Январь 2018 - 21:44) писал:

Спасибо.
Но теперь товар идет по 6 товаров в строку, а я хотел по 4.
Может я не правильно выразился, приложил пример как в магазине сейчас и как я хочу что бы стало.
Подскажите,пожалуйста как это сделать?

Здравствуйте.
В шаблоне main.css найдите код:
.products-grid {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;margin-top: 20px;}

Замените на:
.products-grid {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;margin-top: 20px;max-width: 65%;margin: 0 auto;}


#16 PumPus

PumPus

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

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

Отправлено 20 Январь 2018 - 18:43

Все получилось, спасибо.

#17 PumPus

PumPus

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

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

Отправлено 21 Январь 2018 - 14:19

Добрый день.
Подскажите, пожалуйста, 2 вопроса:
1)Как заменит картинки которые находятся в разделе "КАТАЛОГ"?Приложил файл.
2) Как добавит под меню блок недавно смотрели? В приложенном файле показал где я хочу разместить данный блок.

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

  • Замена картинок КАТАЛОГ.png
  • Вы смотрели.png


#18 PumPus

PumPus

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

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

Отправлено 21 Январь 2018 - 15:11

У меня в Доставке прописаны несколько вариантов доставки, но когда оформляется заказ, почему то выходит только доставка курьером.
Как сделать, что бы при оформлении заказа в корзине или через быстрый заказа была возможность выбора способа доставки?

#19 PumPus

PumPus

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

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

Отправлено 21 Январь 2018 - 15:45

Я все нашел по доставке .Но не смог удалить сообщение.

#20 PumPus

PumPus

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

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

Отправлено 21 Январь 2018 - 16:12

Как сделать, что бы кнопка из приложенного файла никуда не перебрасывала посетителей,  была просто как картинка?

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

  • Прием заказов.png





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

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