Сообщений в теме: 8

[IFullHaus]

Всем привет, необходимо убрать под спойлер блок "как получить товар" в товарах

[metry]

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

.product-view .delivery-block {display: inline-block;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}

замените на:

.product-view .delivery-block {display:none;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}

[IFullHaus]

metry (28 Февраль 2022 - 13:20) писал:

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

.product-view .delivery-block {display: inline-block;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}

замените на:

.product-view .delivery-block {display:none;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}

А под спойлер как убрать?)

[metry]

Пожалуйста, уточните более детально, куда именно хотите убрать, приложив скриншот.

[IFullHaus]

metry (28 Февраль 2022 - 16:45) писал:

Пожалуйста, уточните более детально, куда именно хотите убрать, приложив скриншот.

под фразу "как получить товар", нажал на нее, раскрылся этот блок, нажал еще раз, закрылся.
На форумах это же спойлер называется, который скрывает абзац, а заголовок превращает в кликабельный текст, на который нажимаешь абзац раскрывается

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-view .delivery-block {display:none;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}
.product-view .delivery-block .title {text-align: left;}
.product-view .delivery-block ul {padding: 0;}

замените на:

.product-view .delivery-block {width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}
.product-view .delivery-block .title {text-align: left;text-decoration: underline;}
.product-view .delivery-block .title:hover {color:#ff9302;border-color:#ff9302;cursor:pointer;}
.product-view .delivery-block ul {padding: 0;display: none;}

Далее зайдите в main.js - найдите:

// Скрипты для карточки товара
function goodspage() {

замените на:

// Скрипты для карточки товара
function goodspage() {
  // Спойлер по способам получения товара
  $('.product-view .delivery-block .title').on('click', function(){
	$(this).next().toggle('slow');
  });

[IFullHaus]

Vaccina (01 Март 2022 - 05:42) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-view .delivery-block {display:none;width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}
.product-view .delivery-block .title {text-align: left;}
.product-view .delivery-block ul {padding: 0;}

замените на:

.product-view .delivery-block {width: 100%;font-size: 16px;font-weight: 400;color: #212b2d;line-height: 24px;border-top: solid 1px #ededed;padding-top: 15px;margin-top: 5px;}
.product-view .delivery-block .title {text-align: left;text-decoration: underline;}
.product-view .delivery-block .title:hover {color:#ff9302;border-color:#ff9302;cursor:pointer;}
.product-view .delivery-block ul {padding: 0;display: none;}

Далее зайдите в main.js - найдите:

// Скрипты для карточки товара
function goodspage() {

замените на:

// Скрипты для карточки товара
function goodspage() {
// Спойлер по способам получения товара
$('.product-view .delivery-block .title').on('click', function(){
$(this).next().toggle('slow');
});

Есть ли какая нибудь переменная которая влияет на появление текста во время и после раскрытия спойлера?
Сейчас получается так, что во время раскрытия вкладки текст неестественно себя ведет (объяснить вряд ли смогу точнее) Я бы хотел сделать так чтобы текст появлялся именно после раскрытия вкладки, но не резко

[Vaccina]

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

Для изменения скорости в добавленном коде по инструкции выше измените строку:

$(this).next().toggle('slow');

на:

$(this).next().toggle('fast');

или:

$(this).next().toggle();

Подробнее: https://api.jquery.com/toggle/

Или вместо данной строки использовать:

		$(this).next().slideToggle('slow');

У неё отличается анимация отображения скрытого элемента, подробнее: https://api.jquery.com/slidetoggle/

[IFullHaus]

Vaccina (02 Март 2022 - 02:36) писал:

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

Для изменения скорости выше в добавленном коде по инструкции из приложения:
[КОД]
$(this).next().toggle('slow');
[/КОД]

на:
[КОД]
$(this).next().toggle('fast');
[/КОД]

или:
[КОД]
$(this).next().toggle();
[/CODE]

Подробнее: https://api.jquery.com/toggle/

Или вместо данного использования строки:

	 $(this).next().slideToggle('slow');

В ней отличается анимация отображения скрытого элемента, подробнее: https://api.jquery.com/slidetoggle/

Вот последний вариант хороший, то что я и хотел. Текст прыгал при раскрытии, а сейчас все четко. Спасибо