Повернуть Фото По Часовой Стрелке
#1
Отправлено 19 Январь 2021 - 19:17
Подскажите пожалуйста как повернуть фото в карточке товара?
Где поменять описание значков в карточке товаров?
Как убрать некоторые значки в подвале сайта, а именно варианты оплаты и некоторые соц.сети?
#2
Отправлено 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
Отправлено 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" в строку, которую хотите скрыть.
Уточните у какого товара вы хотите повернуть фото? Фото в карточке товара на сайте отображается так же как в админ панели. Скорее всего вы ее неправильно загрузили.
#5
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 19 Февраль 2021 - 05:30
Уточните пожалуйста, где установлено видео?
#10
Отправлено 19 Февраль 2021 - 17:06
Igruxa (19 Февраль 2021 - 15:58) писал:
Здравствуйте. Зайдите в раздел Сайт---Редактор шаблонов---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
Отправлено 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
Отправлено 21 Февраль 2021 - 08:49
Вы я у вас уточняла не адрес сайта, а где расположено само видео, чтобы можно было проверить(можно без указания домена).
#14
Отправлено 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
Отправлено 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 анонимных