Начать новую тему

блок выгода и гарантии

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


Подскажите пожалуйста, как можно добавить еще одну кнопку в блок "Выгода и гарантии"?

Не хватает места написать про Оплату, а это один из основных пунктов "выгод и гарантий"


ещё 1 человеку задает этот вопрос

Ещё один вопрос по блоку. Как изменить цвет кнопок в блоке? Спасибо.

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


Спасибо за ваш вопрос.


Данный элемент реализован с помощью HTML-блока с поддержкой Smarty. Если вы хотите добавить дополнительный элемент в данный блок, пожалуйста, сделайте следующее:


1. В панели администратора магазина перейдите на страницу Дизайн > Макеты > Домашняя страница.

2. Нажмите на иконку шестеренки у блока Выгода и Гарантии.

3. Откройте вкладку Содержимое.

4. Скопируйте один элемент, который реализуется, например, следующим кодом:

 

    <li class="ty-benefits-guarantees__item">
        <a class="ty-benefits-guarantees__a" href="{"pages.view?page_id=4"|fn_url}">
        <i class="ty-benefits-guarantees__icon ty-benefits-free-returns"></i>
        <h4 class="ty-benefits-guarantees__title"><strong>Возврат</strong> и <strong>обмен</strong></h4>
        <p class="ty-benefits-guarantees__txt">неподошедших товаров</p>
        </a>
    </li>

 

5. Вставьте данный код перед следующими строками в том же поле:

 

</ul>

</div>

 

6. При необходимости измените содержание в элементах, которые были вставлены на шаге 5 (например, текст, изображение и т.д.)

7. Нажмите Сохранить.


Пожалуйста, обратите внимание на то, что ширина данного блока рассчитана для трех элементов. При добавлении четвертого блока он будет перенесен на следующий ряд. Чтобы этого избежать, пожалуйста, измените ширину каждого элемента с помощью CSS-свойства width. На данный момент ширина блока равна 30%, значит, при добавлении блока вам необходимо изменить ширину каждого элемента в зависимости от количества добавляемых элементов.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Извините за назойливость, но как изменить цвет кнопок? Спасибо.

@modastyle25,


Спасибо за ваше сообщение.


Для изменения фона данных элементов, пожалуйста, добавьте правило с CSS-свойством background для селектора .ty-benefits-guarantees__itemЧтобы узнать, какое значение свойства необходимо выставить для элемента, вы можете воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить в секции Пользовательские CSS визуального редактора


Подробнее об использовании данного инструмента в браузерах Google Chrome и  Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или дождаться открытия Маркета Мерчиума, где наши партнеры будут предлагать свои услуги.


Надеемся, что данная информация окажется полезной для вас.


Спасибо.


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