Добавить/Убрать из Избранного через button

[metrpro 42]

Добрый день! Шаблон realia, стоит необходимость изменить оформление добавления/убавления из списка "Избранное".

Нынешнее решение выглядит следующим образом:

{if isset($smarty.session.favorites)}
{if in_array($data.id.value, $smarty.session.favorites)}<a class="fav-rem" alt="{$data.id.value}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a>
{else}<a class="fav-add" alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
{/if}
{else}<a class="fav-add" alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
{/if}

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

Буду рад, если кто сможет поделиться подобными наработками (у меня не вышло)

 

[TopRaN 235]

3 часа назад, metrpro сказал:

Буду рад, если кто сможет поделиться подобными наработками (у меня не вышло)

ВЫ имели ввиду как тут  на фото объекта ?

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

[metrpro 42]

10 минут назад, TopRaN сказал:

ВЫ имели ввиду как тут  на фото объекта ?

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

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

• - При просмотре карточки квартиры добавить кнопку "написать риелтору"
• - Что тут непонятного? Вешаете стиль и обрабатываете скриптом!

или

• - Ваше имя, телефон, е-mail должны по умолчанию быть заполнены из профиля
• - Что тут непонятного? Вешаете стиль и обрабатываете скриптом!

можно даже

• - Подскажите пожалуйста как в Realia установить картинку фоном ??
• - Что тут непонятного? Вешаете стиль и обрабатываете скриптом!

[TopRaN 235]

3 часа назад, metrpro сказал:

Буду рад, если кто сможет поделиться подобными наработками (у меня не вышло)

Вы хотя бы прислали то что пробовали может что-нибудь и подсказали, намекнули, поделились бы, а не так "Я пробовал, у меня не получилось! - напишите за меня)"

[metrpro 42]

1 час назад, TopRaN сказал:

Вы хотя бы прислали то что пробовали может что-нибудь и подсказали, намекнули, поделились бы, а не так "Я пробовал, у меня не получилось! - напишите за меня)"

Легко!:

<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-phone-alt" aria-hidden="true" >
{if isset($smarty.session.favorites)}
{if in_array($data.id.value, $smarty.session.favorites)}<a alt="{$data.id.value}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites">Убрать из избранного</a>
{else}<a alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites">В избранное</a>
{/if}
{else}<a alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites">В избранное</a>
{/if}
</span>
</button>

 

 

[TopRaN 235]

И так. Посмотрите повнимательнее, вы обрабатывает ссылку, а не кнопку. Кнопка находится в одном состоянии. У нее нету значении смены класса. Пример: ни чего не добавлено - светлая, добавили - темная. Вообще уберите кнопку и добавьте стили иконки прям в ссылку. Дальше где вы обрабатывате саму кнопку?

[metrpro 42]

В 13.09.2019 в 18:57, TopRaN сказал:

И так. Посмотрите повнимательнее, вы обрабатывает ссылку, а не кнопку. Кнопка находится в одном состоянии. У нее нету значении смены класса. Пример: ни чего не добавлено - светлая, добавили - темная. Вообще уберите кнопку и добавьте стили иконки прям в ссылку. Дальше где вы обрабатывате саму кнопку?

Так, иначе сформулирую вопрос.

Есть рабочая кнопка, вызывающая модальное окно:

<button type="button" class="btn btn-info" data-toggle="modal" data-target="#prettyMortgageTable">
<span class="glyphicon glyphicon-phone-alt" aria-hidden="true" ></span>
Расчёт ипотеки
</button>

А есть иконка png, которая имеет три положения - неактивная, hover и активная:

{if isset($smarty.session.favorites)}
{if in_array($data.id.value, $smarty.session.favorites)}<a class="fav-rem" alt="{$data.id.value}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a>
{else}<a class="fav-add" alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
{/if}
{else}<a class="fav-add" alt="{$data.id.value}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
{/if}

Вот мне бы хотелось решение, когда фаворитка выглядит также, как и обычная кнопка.