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


Повернуть Фото По Часовой Стрелке


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

#1 Igruxa

Igruxa

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

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

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

Добрый вечер!
Подскажите пожалуйста как повернуть фото в карточке товара?
Где поменять описание значков в карточке товаров?
Скриншот 19-01-2021 191350.jpg
Как убрать некоторые значки в подвале сайта, а именно варианты оплаты и некоторые соц.сети?
Скриншот 19-01-2021 191557.jpg

#2 Foxis_10

Foxis_10

    Продвинутый пользователь

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

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

Здравствуйте.
Чтобы поменять описание значков в шаблоне Товар найдите код и замените текст

<div class="custom-block clearfix">
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="fal fa-truck"></i>
			<div class="text-area">Бесплатная<br> Доставка</div>
		  </div>
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="fal fa-sync"></i>
			<div class="text-area">Гарантия<br>Возврата</div>
		  </div>
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="fal fa-life-ring"></i>
			<div class="text-area">Онлайн<br>Поддержка</div>
		  </div>
		</div>

Чтобы убрать варианты оплаты перейдите в шаблон main.css и в самый низ добавьте

#payment {display: none;}

Соц сети. В шаблоне HTML найдите код

<div class="social-links">
				<a style="display:none" class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span>facebook</span></a>
				<a style="display:none" class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>twitter</span></a>
				<a style="display:none" class="whatsapp" href="https://whatsapp.com/" title="Whatsapp.com" target="_blank"><i class="fab fa-whatsapp" aria-hidden="true"></i><span>whatsapp</span></a>
				<a class="viber" href="https://viber.com/" title="Viber.com" target="_blank"><i class="fab fa-viber" aria-hidden="true"></i><span>viber</span></a>
				<a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fab fa-odnoklassniki" aria-hidden="true"></i><span>odnoklassniki</span></a>
				<a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fab fa-vk" aria-hidden="true"></i><span>vk</span></a>
				<a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
				<a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fab fa-youtube" aria-hidden="true"></i><span>YouTube</span></a>
			  </div>

У соц сети у которой есть style="display:none" не будет отображаться на странице. Просто добавьте style="display:none" в строку, которую хотите скрыть.

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

#3 Igruxa

Igruxa

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

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

Отправлено 20 Январь 2021 - 12:22

Просмотр сообщенияFoxis_10 (20 Январь 2021 - 09:45) писал:

Здравствуйте.
Чтобы поменять описание значков в шаблоне Товар найдите код и замените текст

<div class="custom-block clearfix">
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fal fa-truck"></i>
<div class="text-area">Бесплатная<br> Доставка</div>
</div>
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fal fa-sync"></i>
<div class="text-area">Гарантия<br>Возврата</div>
</div>
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fal fa-life-ring"></i>
<div class="text-area">Онлайн<br>Поддержка</div>
</div>
</div>

Чтобы убрать варианты оплаты перейдите в шаблон main.css и в самый низ добавьте

#payment {display: none;}

Соц сети. В шаблоне HTML найдите код

<div class="social-links">
<a style="display:none" class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span>facebook</span></a>
<a style="display:none" class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>twitter</span></a>
<a style="display:none" class="whatsapp" href="https://whatsapp.com/" title="Whatsapp.com" target="_blank"><i class="fab fa-whatsapp" aria-hidden="true"></i><span>whatsapp</span></a>
<a class="viber" href="https://viber.com/" title="Viber.com" target="_blank"><i class="fab fa-viber" aria-hidden="true"></i><span>viber</span></a>
<a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fab fa-odnoklassniki" aria-hidden="true"></i><span>odnoklassniki</span></a>
<a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fab fa-vk" aria-hidden="true"></i><span>vk</span></a>
<a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
<a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fab fa-youtube" aria-hidden="true"></i><span>YouTube</span></a>
</div>

У соц сети у которой есть style="display:none" не будет отображаться на странице. Просто добавьте style="display:none" в строку, которую хотите скрыть.

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

#4 Igruxa

Igruxa

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

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

Отправлено 05 Февраль 2021 - 16:02

Добрый день! как можно увеличить видимую часть названия карточки товаров?

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

  • Скриншот 05-02-2021 160103.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2021 - 07:35

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;text-overflow: ellipsis;height: 35px;}


#6 Igruxa

Igruxa

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

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

Отправлено 06 Февраль 2021 - 15:09

Просмотр сообщенияVaccina (06 Февраль 2021 - 07:35) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;text-overflow: ellipsis;height: 35px;}
Спасибо!

#7 Igruxa

Igruxa

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

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

Отправлено 18 Февраль 2021 - 23:45

Просмотр сообщенияVaccina (06 Февраль 2021 - 07:35) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;text-overflow: ellipsis;height: 35px;}
Помогите ещё пожалуйста сделать видео адаптивным. Код что в инструкции не изменяет его.
Еще где вставить ссылку на кнопку которая на слайдере ?

#8 Vaccina

Vaccina

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

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

Отправлено 19 Февраль 2021 - 05:30

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

Уточните пожалуйста, где установлено видео?

#9 Igruxa

Igruxa

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

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

Отправлено 19 Февраль 2021 - 15:58

Просмотр сообщенияVaccina (19 Февраль 2021 - 05:30) писал:

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

Уточните пожалуйста, где установлено видео?
Извиняюсь не написал Аккаунт SL-523195

#10 stasia

stasia

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

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

Отправлено 19 Февраль 2021 - 17:06

Просмотр сообщенияIgruxa (19 Февраль 2021 - 15:58) писал:

Извиняюсь не написал Аккаунт SL-523195

Здравствуйте. Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:  
		  <!-- Слайд 1 -->
		  <div class="slider-item">
				<div class="slider-image _1 sl-lozad" 
				  data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg"
				  data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg"
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Все для ремонта <br> и строительства 
				  </h3>
				  <p class="slider-text">
					Так просто начать все с чистого листа, <br>
					когда все необходимое есть <br>
					в одном магазине					
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 1 -->
		  
		  <!-- Слайд 2 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg"			   
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Параллельные миры <br>
					стали ближе					
				  </h3>
				  <p class="slider-text">
					Мощные очки виртуальной реальности <br>
					и игровые приставки PlayStation VR <br>
					по самым выгодным ценам					
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 2 -->
		  
		  <!-- Слайд 3 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg"			   
				 ></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Новый уровень <br>
					твоих тренировок					
				  </h3>
				  <p class="slider-text">
					Профессиональная экипировка <br>
					для всех видов спорта. <br>
					Мужские, женские и детские коллекции					
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>				
		  </div>
		  <!-- /Слайд 3 -->

Найдите в данном коде знак  #  и замените его на нужную ссылку.

Для адаптации видео, Вам поможет данная инструкция

#11 Igruxa

Igruxa

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

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

Отправлено 20 Февраль 2021 - 10:42

Просмотр сообщенияstasia (19 Февраль 2021 - 17:06) писал:


Здравствуйте. Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:  
<!-- Слайд 1 -->
<div class="slider-item">
<div class="slider-image _1 sl-lozad"
data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg"
data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg"
></div>
<div class="slider-content">
<h3 class="slider-title">
Все для ремонта <br> и строительства
</h3>
<p class="slider-text">
Так просто начать все с чистого листа, <br>
когда все необходимое есть <br>
в одном магазине
</p>
<a href="#" class="button">Узнать подробнее</a>
</div>
</div>
<!-- /Слайд 1 -->

<!-- Слайд 2 -->
<div class="slider-item">
<div class="slider-image _2 sl-lozad"
data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg"
data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg"
></div>
<div class="slider-content">
<h3 class="slider-title">
Параллельные миры <br>
стали ближе
</h3>
<p class="slider-text">
Мощные очки виртуальной реальности <br>
и игровые приставки PlayStation VR <br>
по самым выгодным ценам
</p>
<a href="#" class="button">Узнать подробнее</a>
</div>
</div>
<!-- /Слайд 2 -->

<!-- Слайд 3 -->
<div class="slider-item">
<div class="slider-image _2 sl-lozad"
data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg"
data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg"
></div>
<div class="slider-content">
<h3 class="slider-title">
Новый уровень <br>
твоих тренировок
</h3>
<p class="slider-text">
Профессиональная экипировка <br>
для всех видов спорта. <br>
Мужские, женские и детские коллекции
</p>
<a href="#" class="button">Узнать подробнее</a>
</div>
</div>
<!-- /Слайд 3 -->

Найдите в данном коде знак  #  и замените его на нужную ссылку.

Для адаптации видео, Вам поможет данная инструкция
Спасибо за ссылки! Единственное по  данная инструкция делаю всё как там, но ничего не происходит

#12 Vaccina

Vaccina

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

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

Отправлено 21 Февраль 2021 - 08:49

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

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

#13 Igruxa

Igruxa

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

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

Отправлено 25 Февраль 2021 - 21:59

Просмотр сообщенияVaccina (21 Февраль 2021 - 08:49) писал:

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

Вы я у вас уточняла не адрес сайта, а где расположено само видео, чтобы можно было проверить(можно без указания домена).
ссылка /goods/Kacheli-gnezdo-Baby-Grad?from=M2Zl&mod_id=257721400
качели

#14 Vaccina

Vaccina

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

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

Отправлено 27 Февраль 2021 - 08:30

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

Благодарю. Зайдите в раздел Сайт - Редактор шаблонов - goodsPage.css - найдите:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0}
.product-tabs .tab-content .htmlDataBlock p {margin: 0}
.product-tabs .tab-content .htmlDataBlock table {border-collapse: collapse}
.product-tabs .tab-content .htmlDataBlock table td {border: 1px solid #dce4e9}

замените на:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0}
.product-tabs .tab-content .htmlDataBlock p {margin: 0}
.product-tabs .tab-content .htmlDataBlock table {border-collapse: collapse}
.product-tabs .tab-content .htmlDataBlock table td {border: 1px solid #dce4e9}
@media all and (max-width:641px) {
  .product-tabs .tab-content .htmlDataBlock iframe {width: 100% !important;height: auto !important;}
}


#15 Igruxa

Igruxa

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

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

Отправлено 01 Март 2021 - 19:51

Просмотр сообщенияVaccina (27 Февраль 2021 - 08:30) писал:

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

Благодарю. Зайдите в раздел Сайт - Редактор шаблонов - goodsPage.css - найдите:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0}
.product-tabs .tab-content .htmlDataBlock p {margin: 0}
.product-tabs .tab-content .htmlDataBlock table {border-collapse: collapse}
.product-tabs .tab-content .htmlDataBlock table td {border: 1px solid #dce4e9}

замените на:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0}
.product-tabs .tab-content .htmlDataBlock p {margin: 0}
.product-tabs .tab-content .htmlDataBlock table {border-collapse: collapse}
.product-tabs .tab-content .htmlDataBlock table td {border: 1px solid #dce4e9}
@media all and (max-width:641px) {
.product-tabs .tab-content .htmlDataBlock iframe {width: 100% !important;height: auto !important;}
}
Спасибо вам!




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

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