как мне изменить пиктограмки

5 ответов

• популярные
• новые

• 1

  Welldi.ru Партнер-эксперт Партнер-разработчик 17 апреля 2017 11:58 #

  Дизайн - Шаблон - home.html раздел <!-- BULLETS -->

  
  

  <span class="b-glyph b-shipping"></span> - корзина-тележка

  <span class="b-glyph b-payment"></span> - карта

  <span class="b-glyph b-location"></span> - локация

  
  

  Сами иконки - в классе .bullet .b-glyph
  

  
  

  .bullet .b-glyph {

  background: rgba(0, 0, 0, 0) url("img/bullet-glyphs.png") no-repeat scroll 0 0 / 144px 48px;

  display: inline-block;

  height: 36px;

  position: relative;

  top: 10px;

  width: 36px;

  }

  
  

  ответить
• 1

  chernykh 3 июля 2017 21:23 #

  Можете более подробно описать как заменить одну пиктограмму на другую картинку? Где необходимо заменить путь к картинке?

  ответить
  • +2

    larotz 6 июля 2017 21:38 #

    {if !empty($theme_settings.homepage_bullet_title_2)}

    <figure class="bullet">

    <h4><span class="b-glyph b-payment"></span> {$theme_settings.homepage_bullet_title_1}</h4>

    <p>{$theme_settings.homepage_bullet_body_2}</p>

    </figure>

    {/if}

    
    

    Заходите как было написано выше Дизайн - Шаблон - home.html раздел <!-- BULLETS -->

    
    

    находите эти строки - здесь у нас получается

    ---> <h4><span class="b-glyph b-payment"></span> {$theme_settings.homepage_bullet_title_1}Заголовок</h4>

    - для смены иконки ---> удаляем этот код - остается у нас только <h4></h4> теперь сюда тупо скидываем линк на картинку и заголовок.

    - пример --->

    <h4><img src="/wa-data/public/shop/img/dostavka_kb101.ru-3.png">Доставка</h4>

    ---><p>{$theme_settings.homepage_bullet_body_2}</p> - этот код мы не меняет - он как раз отображает тот текст который мы в админке пишём (краткое описание)

    
    

    
    

    в итоге в каждом блоке у вас должно получиться

    {if !empty($theme_settings.homepage_bullet_title_1)}

    <figure class="bullet">

    <h4><img src="/wa-data/public/shop/img/dostavka_kb101.ru-3.png">Доставка</h4>

    <p>{$theme_settings.homepage_bullet_body_1}</p>

    </figure>

    {/if}
    

    ответить
    • +2

      chernykh 10 июля 2017 13:37 #

      Спасибо. Да, получилось.

      Но, т.к. структура блока нарушается, то и оформление текста с новой картинкой уже другое - не те отступы и т.п.

      Как я понимаю единая картинка, которая потом нарезается на нужные фрагменты

      
      лежит на адресу

      сайт/wa-data/public/shop/themes/default_neocube-shop/img/bullet-glyphs.png
      

      Но как ее заменить?

      Менеджер файлов дает доступ только к файлам в папке wa-data/public/site.

      ответить
• 1

  Сергей 23 декабря 2017 17:39 #

  Дада, хотелось бы осветить этот вопрос

  ответить