Где находится значёк удаления из корзины?

Вместо красного крестика стало отображаться чёрти что. Как исправить? А то покупатели недовольны, что из корзины не могут удалить товары.

1 ответ

  • 1

    где он находится конкретно у Вас нам не известно.

    • -1
      Алексей Алексей 1 июля 2018 14:41 #

      А что, у всех в разных местах находится эта иконка?

      Как мне восстановить этот красный крестик?

      • -1
        Как мне восстановить этот красный крестик?

        кнопка "Сбросить все изменения" в на закладке витрина-настройки.

        • 0
          Алексей Алексей 1 июля 2018 15:02 #

          Там нет такой кнопки

          • -1

            пардон - оформление

            • 0
              Алексей Алексей 1 июля 2018 16:01 #

              А это уже не серьёзно. У меня 9 файлов отредактированы и я не помню где и что именно.

              Неужели нельзя дать файл с иконками и сказать, в какую папку закачать?

              • +3
                replicant replicant 1 июля 2018 16:35 #

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

                Допустим у меня в дефолтной теме красный крестик содержится в файле, лежащем по адресу wa-data/public/site/themes/название_темы_дизайна/img/icons.png

                Подключается он в шаблоне и оформляется в main.css

                <a class="delete" href="#" title="Удалить из корзины">
                <i class="icon16 remove"></i></a>
                
                стиль, обозначающий положение крестика вот такой
                
                .icon16.remove {   background-position: -96px -16px; }

                Ну и сам файл вот так выглядит (можете его прямо из этого сообщения и взять и закачать по адресу, на который ссылается ваш стиль в css)


                У вас либо файл пропал или заменен на другой, либо стили в css покосились. Но надо смотреть на сайте конкретно. Без сайта не угадать.


                • 0
                  Алексей Алексей 1 июля 2018 17:01 #

                  Спасибо за нормальный ответ.

                  Использую тему Дефолт 3.0 https://sumka-kobura.ru/

                  Файла main.css у меня нет, есть файл default.css, в нём нет указанных выше строк.

                  В папке wa-data/public/site/themes/название_темы_дизайна/img/ всего 4 файла:
                  arrow-right.png
                  edit.png
                  refresh.png
                  settings.png

                  Закачал туда ещё ваш файл icons.png - не помогло.

                  Кроме этого крестика других проблем с иконками не замечено.

                  • +3
                    replicant replicant 1 июля 2018 17:33 #

                    Я отвечу двумя скриншотами (внимательно их изучите)
                    ДО:

                    ПОСЛЕ:


                    Стили поехали. Не стал разбираться что такое ваши временные tmp-бла-бла-бла.onestep.css файлы и что такое onestep-cart (возможно это все шаги оформления на одной странице). Это вам должно быть виднее как там у вас организовано и какие у вас работают плагины. Но, если исправить параметры стиля на такие, какие я говорил ранее, то крестик у вас появится. Просто накосячено слегка в css плагина. Надо вернуть как должно быть.

                    Короче говоря, вот в этом файле проблема в строке про .onestep-cart .icon16.remove (она почти в самом верху) https://sumka-kobura.ru/wa-data/public/shop/plugin...

                    • +1
                      Алексей Алексей 1 июля 2018 17:49 #

                      Я теперь понял, что проблема в плагине "Заказ на одной странице", отключил его и крестик появился. К сожалению, там деревянная поддержка.

                      Спасибо, что помогли найти причину.

                      • +2
                        replicant replicant 1 июля 2018 17:59 #

                        Плагин можно не отключать. Просто исправить в файле css надо (файл же по ссылке доступен, значит лежит у вас). Если у вас по какой-то причине нет возможности исправить в css файле, то можно прямо в шаблоне включить этот стиль с !important параметрами или прописать прямо для кусочка кода

                        <i class="icon16 remove" 
                        style="правильные цифры для background-position и т.п.">
                        </i></a>

                        и все наладится.

                        • +1
                          Алексей Алексей 1 июля 2018 20:07 #

                          Вот файл css этого плагина.

                          Вот какая строчка там есть: .icon16.remove { background-position:-96px -16px; }


                          /* 16x16 Icons
                          -------------- */
                          .onestep-cart i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("{$wa_url}wa-apps/shop/plugins/onestep/img/icons.png"); background-size: 260px 160px; }
                          .onestep-cart * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
                          .onestep-cart .icon16.remove { background-position:-96px -16px; }
                          .onestep-cart .icon16.like { background-position:0 -16px; margin-top: 0; }
                          .onestep-cart .icon16.loading { background-image: url("{$wa_url}wa-apps/shop/plugins/onestep/img/loading16.gif"); background-position:0 0; }
                          
                          /* 32x32 Icons
                          -------------- */
                          
                          .onestep-cart i.icon32 { background-size: 32px 32px; background-repeat:no-repeat; height:32px; width:32px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
                          .onestep-cart * i.icon32 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
                          .onestep-cart .icon32.loading { background-image: url("{$wa_url}wa-apps/shop/plugins/onestep/img/loading32.gif"); background-position:0 0; }
                          /* Misc elements
                          ---------------- */
                          .onestep-cart .block { padding: 10px; }
                          .onestep-cart .inline-link { text-decoration: none !important; }
                          .onestep-cart .inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
                          .onestep-cart .inline-link b i { font-style: normal; position: relative; top: 0.13em;}
                          .onestep-cart .small { font-size: 0.9em; }
                          .onestep-cart .large { font-size: 1.2em; }
                          .onestep-cart .bold { font-weight: bold; }
                          .onestep-cart .highlighted { background:  #ffc; }
                          .onestep-cart .hint { color: #aaa; font-size: 0.9em; }
                          .onestep-cart .hint a,
                          .onestep-cart .hint:visited,
                          .onestep-cart .hint a:visited { color: #aaa; }
                          .onestep-cart .gray { color: #aaa; }
                          .onestep-cart .float-left { float: left; }
                          .onestep-cart .float-right { float: right; }
                          .onestep-cart .align-left { text-align: left; }
                          .onestep-cart .align-center { text-align: center; }
                          .onestep-cart .align-right { text-align: right; }
                          .onestep-cart .clear-left { clear: left; }
                          .onestep-cart .clear-right { clear: right; }
                          .onestep-cart .clear-both { clear: both; }
                          .onestep-cart .shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
                          .onestep-cart .nowrap { white-space: nowrap; }
                          /* Menus
                          -------- */
                          .onestep-cart ul.menu-v { margin: 0 0 20px -6px; padding: 0; }
                          .onestep-cart ul.menu-v li { list-style: none; padding: 0; margin: 3px 0 8px; line-height: 1.1em; border: none; }
                          .onestep-cart ul.menu-v li label{ color: black; }
                          .onestep-cart ul.menu-v li a { padding: 5px 6px; display: block;}
                          .onestep-cart ul.menu-v li.selected a { color: #000; text-decoration: none; background: #eee; }
                          .onestep-cart ul.menu-v li.selected ul li a { background: inherit; color: #03c; text-decoration: underline; }
                          .onestep-cart ul.menu-v li ul.menu-v { margin-left: 10px; margin-top: 5px; margin-bottom: 15px; }
                          .onestep-cart ul.menu-v li ul.menu-v li a { padding: 2px 6px; font-size: 0.9em; }
                          .onestep-cart ul.menu-v li ul.menu-v li ul.menu-v li a { font-size: 0.8em; }
                          .onestep-cart ul.menu-h { margin: 0 0 15px; padding: 0; }
                          .onestep-cart ul.menu-h li { list-style: none; display: inline-block; padding: 0 10px 0 0; display:block\9; float:left\9; /* ie8 hack */ }
                          .onestep-cart ul.menu-h li a { display: inline-block; padding: 0px 5px; display:block\9; float:left\9; /* ie8 hack */ }
                          .onestep-cart ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
                          .onestep-cart ul.menu-h li a i.icon16 { margin-top: 0em; }
                          .onestep-cart ul.menu-h li.selected a { color: #000; text-decoration: none; background: #eee; }
                          .onestep-cart ul.menu-h li.selected ul * { background: #fff !important; }
                          .onestep-cart .dropdown .popup { display: none; background: #eee; box-shadow: 0 4px 7px -5px rgba(0, 0, 0, 0.4); padding: 20px; min-width: 150px; font-size: 115%; }
                          .onestep-cart .dropdown:hover .popup { display: block; position: absolute; z-index: 1312; }
                          /* Sign up & Login forms
                          ------------------------ */
                          .onestep-cart .wa-auth-adapters ul { padding: 0; min-height: 16px; }
                          .onestep-cart .wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
                          .onestep-cart .wa-auth-adapters ul li a { display: block; padding: 0px 5px; }
                          .onestep-cart .wa-auth-adapters ul li a img { position: relative; top: 3px; left: -3px; }
                          .onestep-cart .wa-auth-adapters p { clear: left; color: #888; font-size: 0.9em; width: 40%; }
                          .onestep-cart .wa-form { float: left; margin: 10px 0; overflow: visible; }
                          .onestep-cart .wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
                          .onestep-cart .wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; }
                          .onestep-cart .wa-form .wa-field.wa-separator { height: 10px; }
                          .onestep-cart .wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
                          .onestep-cart .wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
                          .onestep-cart .wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
                          .onestep-cart .wa-form .wa-field .wa-value input[type="text"],
                          .onestep-cart .wa-form .wa-field .wa-value input[type="email"],
                          .onestep-cart .wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px;  margin:0;}
                          .onestep-cart .wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
                          .onestep-cart .wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
                          .onestep-cart .wa-form .wa-field .wa-value label { display: block; }
                          .onestep-cart .wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
                          .onestep-cart .wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
                          .onestep-cart .wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
                          .onestep-cart .wa-form .wa-field .wa-value p label { display: block; margin: 0; }
                          .onestep-cart .wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; } 
                          .onestep-cart .wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
                          .onestep-cart .wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
                          .onestep-cart .wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
                          .onestep-cart .wa-form .wa-field .wa-value p input[type="radio"],
                          .onestep-cart .wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
                          .onestep-cart .wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
                          .onestep-cart .wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
                          .onestep-cart .wa-captcha { padding: 7px 0 10px; }
                          .onestep-cart .wa-captcha p { clear: left; margin: 0; }
                          .onestep-cart .wa-captcha strong { font-size: 1.2em; }
                          .onestep-cart .wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
                          .onestep-cart .wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
                          .onestep-cart .wa-captcha .wa-captcha-input { display: inline !important; }
                          .onestep-cart .wa-captcha .errormsg { display: inline; margin-left: 10px; }
                          .onestep-cart input.error, .onestep-cart textarea.error { border: 2px solid red; }
                          .onestep-cart .errormsg { color: red; margin-left: 170px; display: block; }
                          .onestep-cart table.table { margin-top: 25px; margin-left: -10px; width: 100%; border-spacing:0; border-collapse:collapse; }
                          .onestep-cart table.table th { padding-left: 7px; padding-right: 7px; }
                          .onestep-cart table.table td { padding: 15px 7px; border-bottom: 1px solid #ddd; }
                          .onestep-cart table.table td.min-width { width: 1%; min-width: 48px; }
                          .onestep-cart table.table td p { margin: 0; }
                          .onestep-cart table.table td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
                          .onestep-cart table.table tr.no-border td { border: none; }
                          .onestep-cart table.table tr.thin td { padding-top: 13px; padding-bottom: 0; }
                          .onestep-cart table.table tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }
                          .onestep-cart table.table { margin: 20px 0; }
                          .onestep-cart table.table .image { margin-right: 10px; width: 48px; }
                          .onestep-cart table.table .badge { font-size: 0.8em; width: 24px; height: 24px; padding: 3px 3px 4px; border: 0; }
                          .onestep-cart table.table .badge span { display: block; width: 20px; overflow: hidden; padding-top: 6px; padding-left: 3px; }
                          .onestep-cart table.cart td { vertical-align: top; padding: 20px 7px 25px; }
                          .onestep-cart table.cart td input.qty { max-width: 50px; text-align: right; }
                          .onestep-cart table.cart td.total { font-size: 1.3em; }
                          .onestep-cart .options { line-height: 1.8em; }
                          .onestep-cart .services { margin-bottom: 20px; }
                          .onestep-cart table.features { border-spacing: 0; border-collapse: collapse; }
                          .onestep-cart table.features td { padding: 5px 0 2px; }
                          .onestep-cart table.features td.name { min-width: 145px; color: #777; vertical-align: top; }
                          .onestep-cart table.features tr.divider td { border-bottom: 1px solid #ccc; padding-left: 0; padding-top: 15px; padding-bottom: 0; }
                          /* Checkout */
                          .onestep-cart .checkout-header { margin: 0 90px; color: #999; }
                          .onestep-cart .checkout-header h3 a { text-transform: uppercase; text-decoration: none; color: #777; }
                          .onestep-cart .checkout-header h3 a:hover { color: #a00 !important; }
                          .onestep-cart .checkout-header strong { color: #666; }
                          .onestep-cart .checkout { margin: 20px 0px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative }
                          .onestep-cart .checkout ul.checkout-options { padding-left: 25px; }
                          .onestep-cart .checkout ul.checkout-options li { list-style: none; position: relative; margin-bottom: 50px; clear: both; }
                          .onestep-cart .checkout ul.checkout-options li h3 { font-weight: bold; margin-bottom: 10px; }
                          .onestep-cart .checkout ul.checkout-options li h3 label { margin-right: 10px; margin-left: 0px; }
                          .onestep-cart .checkout ul.checkout-options li .rate { float: right; text-align: center; width: 250px; }
                          .onestep-cart .checkout ul.checkout-options li p { width: 70%; }
                          .onestep-cart .checkout ul.checkout-options li input[type="radio"] { position: absolute; top: 4px; left: -25px; }
                          .onestep-cart .checkout ul.checkout-options li label input[type="radio"] { top: 4px; left: -20px; }
                          .onestep-cart .checkout ul.checkout-options li img.method-logo { position: relative; float: left; margin-right: 10px; top: -6px; left: 0px; /* adjusted for default 60x32-px logos */ }
                          .onestep-cart .checkout ul.checkout-options li .wa-form { margin-top: 0px; margin-bottom: 30px; }
                          .onestep-cart .checkout ul.checkout-options li .wa-form label input[type="radio"] { position: static; }
                          .onestep-cart .checkout .checkout-result { padding: 80px 0 60px; background: #fff; text-align: center; }
                          .onestep-cart .checkout .checkout-result h1 { font-size: 4em; margin-bottom: 50px; }
                          .onestep-cart .checkout .checkout-result.error h1 { color: red; }
                          .onestep-cart .checkout .checkout-result .wa-form { margin: 10px auto 20px; width: 400px; float: none; text-align: left; }
                          .onestep-cart .checkout .checkout-result .back { margin-top: 50px; }
                          .onestep-cart .checkout .checkout-step { padding: 0; border-top: 0; }
                          .onestep-cart .checkout .checkout-step h2 { padding: 17px 20px 15px; text-transform: uppercase; font-weight: bold; background: #eee; margin: 0; }
                          .onestep-cart .checkout .checkout-step h2 a { text-decoration: none; color: #000; }
                          .onestep-cart .checkout .checkout-step h2 a:hover { color: #a00 !important; }
                          .onestep-cart .checkout .checkout-step h2.upcoming a:hover { color: #000 !important; cursor: default; }
                          .onestep-cart .checkout .checkout-step h2 a.hint { font-size: 0.5em; color: #aaa; text-decoration: underline; }
                          .onestep-cart .checkout .checkout-step-content { padding: 20px; background: #fff; }
                          .onestep-cart .checkout .checkout-step ul.menu-v { margin-left: 0; margin-top: 20px; }
                          .onestep-cart .checkout .checkout-step #login-form h1 { display: none; }
                          .onestep-cart .checkout .checkout-step input.large { font-size: 1.4em; }
                          .onestep-cart .checkout .comment { width: 100%; height: 100px; margin-bottom: 20px; }
                          .onestep-cart .checkout blockquote img { margin-right: 20px; float: left; }
                          .onestep-cart .checkout blockquote p { margin-bottom: 10px; }
                          .onestep-cart .checkout blockquote p span { color: #000; }
                          .onestep-cart .checkout .errormsg.inline { display: inline; margin-left: 10px; }
                          .onestep-cart .checkout .checkout-step h3{ color: #000; }
                          .onestep-cart .error { color: #a33; }
                          
                          @media screen and (max-width: 760px) {
                              .onestep-cart table.cart td { padding: 7px 2px 10px; display: inline-block; border: 0; }
                              .onestep-cart table.cart td img { display: none; }
                              .onestep-cart table.cart td input[type="text"] { min-width: 0; }
                              .onestep-cart table.cart td br { display: none; }
                              .onestep-cart table.cart td a.bold { margin-top: 20px; font-size: 1.3em; }
                              .onestep-cart table.cart td .services { margin-bottom: 0; }
                          
                              .onestep-cart .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }
                              .onestep-cart .wa-form .wa-field .wa-value { margin-left: 0; }
                              .onestep-cart .wa-form .wa-field .wa-value p span { display: block; }
                              .onestep-cart .wa-form .wa-field .wa-value input[type="text"],
                              .onestep-cart .wa-form .wa-field .wa-value input[type="email"],
                              .onestep-cart .wa-form .wa-field .wa-value input[type="password"],
                              .onestep-cart .wa-form .wa-field .wa-value select{ min-width: 200px; max-width: 80%; }
                          
                              .onestep-cart .wa-auth-adapters p { width: 100%; }
                          
                              .onestep-cart .checkout { margin: 0 0 30px; }
                              .onestep-cart .checkout ul.checkout-options li { width: 100%; }
                              .onestep-cart .checkout ul.checkout-options li img { display: none; }
                              .onestep-cart .checkout ul.checkout-options li .rate { min-width: 0; width: auto; max-width: 150px; }
                              .onestep-cart .checkout ul.checkout-options li .rate.error { padding-top: 5px; }
                              .onestep-cart .checkout ul.checkout-options li .rate .hint { display: none; }
                              .onestep-cart .checkout ul.checkout-options li .wa-form.wa-address p { font-size: 1em; }
                              .onestep-cart .checkout .checkout-step h2 { font-size: 1.2em; padding: 10px 10px 10px; }
                              .onestep-cart .checkout .checkout-step h2 a.hint { display: none !important; }
                              .onestep-cart .checkout .checkout-step input.large { margin: 0 auto; display: block; }
                              .onestep-cart .checkout .checkout-step-content { padding: 10px 10px 30px; }
                              .onestep-cart .checkout .checkout-step-content.auth ul.menu-v li { padding: 5px 0; }
                              .onestep-cart .checkout .checkout-result h1 { font-size: 2.5em; }
                              .onestep-cart .checkout-header { margin: 10px; font-size: 0.8em; text-align: center; }
                              .onestep-cart .checkout-header .float-right { display: none; }
                              .onestep-cart .checkout li .wa-form { margin-left: -25px; }
                              .onestep-cart .checkout table.table th,
                              .onestep-cart .checkout table.table td { font-size: 0.75em; }
                              .onestep-cart .checkout table.table td .gray { display: none; }
                              .onestep-cart .checkout table.table td.nowrap { white-space: normal; }
                              .onestep-cart .checkout table.table td.nowrap.bold { white-space: nowrap; }
                          }
                          .onestep-cart  .please-wait i.icon16 { vertical-align: middle; }
                          .onestep-cart label input[type="radio"] { opacity: 1; }

                          Какие строчки нужно добавить в файл?

                          • +2
                            replicant replicant 1 июля 2018 23:31 #

                            В приведенном вами все правильно, но я просил внимательно посмотреть на скриншоты ДО и ПОСЛЕ там упоминается вот этот файл https://sumka-kobura.ru/wa-data/public/shop/plugin... Именно он у вас задействован. Каким образом и почему неизвестно.

                            • +2
                              Oksana Oksana 25 мая 2019 10:54 #

                              Здравствуйте. Прошу помощи, использую тему Clear для мобильной версии сайта, так как она очень удобна в этом плане. И в ней и еще в теме  Nifty исчез значок удаления из корзины (честно не знаю был ли он изначально). В самой теме сбрасывала все изменения, но ничего не меняется. Попробовала другие темы что есть, и ничего не нравится, как выглядит. Хочу эту тему, но не знаю как исправить ( я совершенно не понимаю ничего в html языке и что-то меняю методом вставки и удаления каких-то кусков кодов (после прочтения темы)) Прочла что вы написали, попробовала вставить код в разных шаблонах темы -  не получается. Помогите пожалуйста, я оплачу моя почта mylo34@list.ru Спасибо

Добавить ответ

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