XF 2.0 Как передать переменную из шаблона в стиль?

[aolko]

Есть в шаблоне условие

<xf:if is="{$xf.visitor.Profile.custom_fields.user_color}">
        <xf:css src="custom.less"/>
</xf:if>

Как передать значение поля в сам стиль?

 

[grisha2217]

В шаблоне впиши

<style>
    .selector
    {
        color: {$myVar};
    }
</style>

 

[aolko]

В шаблоне впиши

<style>
    .selector
    {
        color: {$myVar};
    }
</style>

хорошо, но у меня может быть довольно объёмный стиль, вроде как-то можно объявить @переменную_стиля

 

[CMTV]

А что передать надо? И для чего?

Вообще данные в стиль "передаются" через классы и id элементов. И обычно этим можно обойтись.

Упс извиняюсь. Только сейчас прочитал сам код.

 

[grisha2217]

aolko, переменные для ксс берутся из настроек стиля, а не из шаблона, переменную для ксс нельзя задать в шаблонах, я не понимаю, каким должен быть код ксс, чтобы "не хотелось" вставлять его в шаблон через тег <style>

 

[aolko]

Хорошо, а если мне надо задать пользовательский цвет как базовый для темы?
В шаблонах хоть less поддерживается?

 

[Jumuro]

вроде как-то можно объявить @переменную_стиля

В шаблонах хоть less поддерживается?

разумеется.

 

[aolko]

разумеется.

<xf:if is="{$xf.visitor.Profile.custom_fields.user_color}">
        <xf:css>
            .p-body{
                background: {$xf.visitor.Profile.custom_fields.user_color};
            }
            .p-title{
                color: contrast({$xf.visitor.Profile.custom_fields.user_color});
            }
        </xf:css>
    </xf:if>

очень странные дела, <style> и <xf:css> __не__ парсят less в шаблонах, а наоборот напрямую css

 

[aolko]

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

 

[Skaiman]

А зачем именно подключать свойства стиля таким образом, а если создать шаблон .less и подключить его

 

[Hope]

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

Поумерьте свой пыл! Тут Вам никто и ничем не обязан, запомните это раз и навсегда. Если ответа нет, то логично, что никто его не знает.
Все тут помогают по мере наличия свободного времени и собственных знаний.

 

[aolko]

А зачем именно подключать свойства стиля таким образом, а если создать шаблон .less и подключить его

А как вы передадите значение поля в less стиль, скажите мне, я пробовал, в less не парсятся условия и/или переменные шаблона

 

[Skaiman]

Значит ни как :)

 

[CMTV]

Тоже стало интересно.

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

на англоязычном форуме. Посмотрим, что ответят.

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

 

[Skaiman]

CMTV, там хелпер какой нить надо делать для переменных, что бы работали в less, так просто походу не получится

 

[CMTV]

Человек, который состоит в команде, которая делает стиль UI.X и качественные плагины, говорит, что без вмешивания через аддон нельзя передать значение кастомного поля в .less шаблон. А жаль, я думал, что какой-то способ есть...

Так что, остается только способ ты (aolko) сам предложил в своем первом сообщении.

You won't be able to use a custom user field within a less template, they get cached by the browser so there will be a lot of unexpected things happening. You'll just need to include the extra less template with a conditional like you used above

Перевод: Вы не можете использовать значение кастомного поля пользователя, так как оно будет мгновенно закешировано браузером или CDN (если используется). Все это приведет к куче проблем. А вот способ с проверкой в шаблоне и загрузкой .less шаблона подходит.

 

[Skaiman]

А вот способ с проверкой в шаблоне и загрузкой .less шаблона подходит.

Это типа так

<xf:if is="{$xf.visitor.Profile.custom_fields.user_color}">
    <xf:css src="custom_fields_user_color.less" />
</xf:if>

И сам шаблон

@fields_user_color: {$xf.visitor.Profile.custom_fields.user_color};

.p-body {
    background: @fields_user_color;
}
.p-title {
    color: contrast(@fields_user_color);
}

Или так, покрасивше :)

@fields_user_color: {$xf.visitor.Profile.custom_fields.user_color};

.p {
    &-body {
        background: @fields_user_color;
    }
    &-title {
        color: contrast(@fields_user_color);
    }
}

 

[aolko]

Это типа так

<xf:if is="{$xf.visitor.Profile.custom_fields.user_color}">
    <xf:css src="custom_fields_user_color.less" />
</xf:if>

И сам шаблон

@fields_user_color: {$xf.visitor.Profile.custom_fields.user_color};

.p-body {
    background: @fields_user_color;
}
.p-title {
    color: contrast(@fields_user_color);
}

Или так, покрасивше :)

@fields_user_color: {$xf.visitor.Profile.custom_fields.user_color};

.p {
    &-body {
        background: @fields_user_color;
    }
    &-title {
        color: contrast(@fields_user_color);
    }
}

мимо

<xf:if is="{$xf.visitor.Profile.custom_fields.user_color}">
        <xf:css src="custom.less" />
        
    <xf:elseif is="{$xf.visitor.Profile.custom_fields.user_image}" />
        <xf:css>
            .p-body{
                background: {$xf.visitor.Profile.custom_fields.user_color} url({$xf.visitor.Profile.custom_fields.user_image}) repeat;
            }
            .p-title{
                color: contrast({$xf.visitor.Profile.custom_fields.user_color});
            }
        </xf:css>
    </xf:if>

@user_Color: {$xf.visitor.Profile.custom_fields.user_color};

.p-body{
    background: @user_Color;
}
.p-title{
    color: contrast(@user_Color);
}

 

[susl16c]

Новую тему создавайте и полностью описывайте, что нужно.

Да вроде эта тема полностью подходит по смыслу и что нужно описал выше, значение из шаблона которые беру тоже указал выше.