Плагин "Только что купили" моб.верс Answered

1

Здравствуйте, вопрос по вашему плагину "только что купили", как отключить его на мобильной версии сайта? Клиенты психуют или не отключить, а сделать так чтобы на мобильную версию и на стационарные компы можно было устанавливать отдельно размер всплывающего окна.

Posted: December 6, 2019

4 answers

  • 1
    kirill рзрбтчк December 10, 2019 17:08 # Solution

    Думая вам подойдет такое


    .kmjustbought {
        display: none;
    }
    @media (min-width: 1025px) {
        .kmjustbought {
            position: fixed;
            background: #fff;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ccc;
            width: 250px;
            padding: 10px;
            display: inline-block;
            font-size: 0.8em;
            margin: 10px;
            z-index: 9999;
            opacity: 0;
            -webkit-transition: opacity 1s,transform 1s;
            -moz-transition: opacity 1s,transform 1s;
            -ms-transition: opacity 1s,transform 1s;
            -o-transition: opacity 1s,transform 1s;
            transition: opacity 1s,transform 1s;
            -webkit-box-shadow: 3px 3px 3px #ccc;
            -moz-box-shadow: 3px 3px 3px #ccc;
            box-shadow: 3px 3px 3px #ccc;
        }
    
        .kmjustbought img {
            float: right;
        }
    
        .kmjustbought a {
            display: block;
        }
    }
  • 1
    kirill рзрбтчк December 10, 2019 17:00 #

    Попробуйте в настройках плагина css "обернуть"


    @media (min-width: 1025px) and (max-width: 1280px) {
      
      //CSS
      
    }

    https://gist.github.com/gokulkrishh/242e68d1ee94ad...

  • 1
    kirill рзрбтчк December 10, 2019 17:04 #

    пример с css из демо сайта

    .kmjustbought {
        display: none;
    }
    @media (min-width: 1025px) and (max-width: 1280px) {
        .kmjustbought {
            position: fixed;
            background: #fff;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ccc;
            width: 250px;
            padding: 10px;
            display: inline-block;
            font-size: 0.8em;
            margin: 10px;
            z-index: 9999;
            opacity: 0;
            -webkit-transition: opacity 1s,transform 1s;
            -moz-transition: opacity 1s,transform 1s;
            -ms-transition: opacity 1s,transform 1s;
            -o-transition: opacity 1s,transform 1s;
            transition: opacity 1s,transform 1s;
            -webkit-box-shadow: 3px 3px 3px #ccc;
            -moz-box-shadow: 3px 3px 3px #ccc;
            box-shadow: 3px 3px 3px #ccc;
        }
    
        .kmjustbought img {
            float: right;
        }
    
        .kmjustbought a {
            display: block;
        }
    }
    
    
  • 1
    ag December 10, 2019 17:08 #

    Здравствуйте, я не видел в настройках плагина такой таблицы.


Add answer

To add a comment please sign up or login