Новогодняя гирлянда для интернет-магазина

08-01-2020    5    Доработки   550
Новогодняя гирлянда демо

Зимой, в новогодние праздники всем хочется праздничного настроения.

Какие же новогодние праздники без елки и игрушек? Правильно, так себе)

Инструкция ниже поможет установить гирлянду из новогодних шаров и веток елки на ваш сайт.

Эта инструкция для интернет-магазинов на шаблоне NexShops от v5.0

  1. Скачать архив и распаковать в корне сайта

    new_year.zip 0
    SHA1: f53117d5455095ed6666895120c1a6f8644cb906
  2. В админке шаблона - шаблоны - меню

    В самый низ вставить

                  
                <!-- новогодняя гирлянда 2.0 -->
                <link rel="stylesheet" href="jscript/nexoos/newyear/style.css">
                <script src="jscript/nexoos/newyear/script.js" defer></script>
                
  3. В админке шаблона - настройки - дополнительный css

    В самый низ вставить

    /*новогодняя гирлянда 2.0*/
    .b-page_newyear {
        z-index: 2;
        height: 75px;
        background: #ffffff;
    }
    #breadcrumbs_wrap, .bar_item{
        position: relative;
        z-index: 3;
    }
    
    .b-page_newyear .b-head-decor{
        height: 100px;
        &:before {
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }
    }
    /*новогодняя гирлянда 2.0 конец*/
    
  4. Поздравляю! Все готово, можно проверять!

    Чтобы убрать гирлянду после праздников, проделайте действия в обратном порядке.


Отзывы, вопросы, комментарии ()

  1. Михаил 17 декабря 2020, 15:30 # 0
    Красиво, оригинально и поведенческие, наверное, может повысить, но, к сожалению, гирлянда частично перекрывает строку хлебных крошек и мешает нажать на некоторые из них.
    1. Служба поддержки 17 декабря 2020, 19:48 # 0
      Спасибо, рад что вам нравится, проверьте правильность выполнения 3 пункта у себя.
      1. Михаил 17 декабря 2020, 20:00 # 0
        Вроде бы все согласно с инструкцией.
        1. Служба поддержки 18 декабря 2020, 08:53 # 0
          Теперь верно вставили.

          Подправил инструкцию немного в частности в 3 пункте
          заменил стили
          .b-page_newyear {
          z-index: 2;
          height: 75px;
          background: #ffffff;
          }
          1. Михаил 21 декабря 2020, 21:40 # 0
            Спасибо большое- теперь все работает)


    ВВЕРХ