XF 2.2 Как сделать кастомную кнопку

[anwar612]

Доброго времени суток, дорогие товарищи!

Облазил форум, зашёл в дебри форума, пошёл в шаблоны, вообще ни в какую не получается

Подскажите пожалуйста, как мне добавить кнопку, чтобы она была на месте обведенного овала

Там должна быть красная кнопка, которая при нажатии будет переводить людей по ссылке

 

[anwar612]

помогите пожалуйста :(

 

[chtd]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[ququnta]

anwar612, находите в forum_overview_wrapper такое:

<xf:if is="$xf.visitor.canCreateThread() OR $xf.visitor.canCreateThreadPreReg()">
        <xf:button href="{{ link('forums/create-thread') }}" class="button--cta" icon="write" overlay="true" rel="nofollow">
            {{ phrase('post_thread...') }}
        </xf:button>
    </xf:if>

пихаете перед этим такое:

<xf:button href="наш_урл" class="button--cta" icon="write" overlay="true" rel="nofollow">
            Наше название сЦылки
</xf:button>

OFFTOP

в третьих баннеров чересчур много, владельцу руки оторвать за такое

 

[Skaiman]

Модификация шаблона PAGE_CONTAINER, найти:

<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>

заменить:

<div class="p-title-pageAction">
    <xf:button href="#" class="button--link">Кнопка</xf:button>
</div>
$0

дополнительно

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[anwar612]

Модификация шаблона PAGE_CONTAINER, найти:

<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>

заменить:

<div class="p-title-pageAction">
    <xf:button href="#" class="button--link">Кнопка</xf:button>
</div>
$0

дополнительно

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Я может что-то не то сделал...? но кнопка не появилась

 

[Skaiman]

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

 

[anwar612]

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

судя по всему, не применилась

 

[Skaiman]

Там судя по всему применилась, так как видно замену и у меня на тестовом тоже применилось.

Не применилось на стиле который просматриваешь, может шаблон изменен прямыми правками и такое может быть

Сделай поиск регулярного выражения

/<div class="p-title-pageAction">.+\/div>/isU

 

[anwar612]

Сделай поиск регулярного выражения

/<div class="p-title-pageAction">.+\/div>/isU

Всё равно не работает :(

 

[Skaiman]

Всё равно не работает :(

На дефолтном стиле работает?

 

[anwar612]

На дефолтном стиле работает?

Да вот не пойму, я всё делаю в модификации шаблонов, а там уже вроде как всё привязывается к тому стилю, который включен, а включен у меня один стиль

 

[Skaiman]

Стиль не дефолтный там изменен шаблон и поэтому не применяется, по месту смотреть надо, а к каким стилям применяется модификация надо смотреть здесь

а там уже вроде как всё привязывается к тому стилю, который включен

:) привязывается ко всем стилям не в зависимости от того, включен он или нет

 

[anwar612]

Да вот не пойму, я всё делаю в модификации шаблонов, а там уже вроде как всё привязывается к тому стилю, который включен, а включен у меня один стиль

Стиль не дефолтный там изменен шаблон и поэтому не применяется, по месту смотреть надо, а к каким стилям применяется модификация надо смотреть здесь
Посмотреть вложение 155237

Так, проблема видна, а как применить на стиле?

 

[Skaiman]

Так, проблема видна, а как применить на стиле?

Надо смотреть по месту, лан позже гляну, а самое главное, надо хоть немного самим соображать

anwar612, в для твоего стиля в поле найти надо

<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck>

anwar612, вот честно, чем напрягать других, можно же было глянуть в самом шаблоне стиля, почему вы всегда считаете, что ваши проблемы приоритетнее других и не надо включать мозг самим?

 

[anwar612]

Надо смотреть по месту, лан позже гляну, а самое главное, надо хоть немного самим соображать

Што-то натыкал, по итогу кнопка получилась

а как её сделать теперь красной, а текст в ней белый? спросил у ГПТ, дало вот это:

<div class="p-title-pageAction"> <xf:button href="ссылка" class="button--link" style="color: white; background-color: red;">Связь с администрацией</xf:button></div>

Однако в самом PAGE_CONTAINER выдаёт ошибку: Строка 562: Tag must be a valid conditional using an is attribute or content checking. - Модификации шаблонов: public:PAGE_CONTAINER

anwar612, вот честно, чем напрягать других, можно же было глянуть в самом шаблоне стиля, почему вы всегда считаете, что ваши проблемы приоритетнее других и не надо включать мозг самим?

Да я не понимаю очень многое, если не все, для меня решение вот таких вопросов и есть обучение, поскольку я с нулём сижу, а учиться то надо

более того, я даже не пойму, как я кнопку сделал, методом тыка, но так и не понял, где именно правильно ткнул, надеюсь, форум не отлетит

 

[Skaiman]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

спросил у ГПТ

лучше изучай движок, для кнопок есть несколько классов:

button--primary
button--cta
button--link

можно вообще не указывать класс, можно указать свой и в extra.less и добавить свойства

 

[anwar612]

лучше изучай движок, для кнопок есть несколько классов:

button--primary
button--cta
button--link

можно вообще не указывать класс, можно указать свой и в extra.less и добавить свойства

Оу, спасибо!

Спасибо большое! Надеюсь в будущем кому-то это также будет полезно

лучше изучай движок, для кнопок есть несколько классов:

button--primary
button--cta
button--link

можно вообще не указывать класс, можно указать свой и в extra.less и добавить свойства

Прошу прощения ещё раз

А как бэкграунд кнопки изменить?

Вставил в extra.less:

.button--link {
background: #FF0000 ;
.button-text {
color: #ffff;
}
}

цвет текста поменялся, а вот фон нет

 

[Skaiman]

.p-title-pageAction {
    .button.button--link {
        .m-buttonColorVariation(#FF0000;#fff);
        margin-right: 5px;
    }
}

 

[anwar612]

.p-title-pageAction {
    .button.button--link {
        .m-buttonColorVariation(#FF0000;#fff);
        margin-right: 5px;
    }
}

Ой спасибо, господин Скэйман!