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

Вопросы с Корзиной

Здравствуйте, спасибо за Ваш хороший сервис, уверен Вы добьетесь успеха. 


Собственно вопросы:

1. Можно ли изменить значок корзины и увеличить размер текста корзины на домашней странице. Если да, то как?

2. Можно ли кардинально изменить или упростить форму заказа для клиентов, так как при нажатии на "Купить в один клик", но чтобы это было по умолчанию, так как на мой взгляд очень мало кто захочет пройти все эти "круги ада". 


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

@o1ik,


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


Вы правы. То же свойство с пустым значением свойства content нужно применить к селектору .ty-product-block__button .ty-btn__add-to-cart:before


Спасибо.

Доброе утро.

Решил поменять иконку корзины.

Сделал все как указано выше.

Код CSS:

.ty-minicart-title {
background-image: url(https://d178h43i90tztq.cloudfront.net/users/42423/images/companies/1/basket.png);
background-position: left;
background-repeat: no-repeat;
background-size: 30px 30px;
}

.ty-icon-basket:before {
content: "";
}


Результат виден во вложенном файле.

Прошу подсказать решение.

JPG
(2.71 KB)

@w2713,


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


Замените ваш код на указанный ниже и проверьте результат:  

.ty-minicart__icon {
    background-image: url(https://d178h43i90tztq.cloudfront.net/users/42423/images/companies/1/basket.png) !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;   
}

.top-cart-content .ty-dropdown-box__title .ty-minicart__icon, .top-cart-content .ty-dropdown-box__title .ty-minicart__icon:hover {
    background: none;
}
 
.ty-icon-basket:before {
    content: "";
}

  

Спасибо.

Здравствуйте! Перепробовал всё написанное выше, но не получается избавиться от фона иконки.

Здравствуйте, Алексей!

Мы добавили следующие правила в ваши Пользовательские CSS, чтобы убрать фон иконки.

 

.top-cart-content .ty-dropdown-box__title .ty-minicart__icon.empty {
    background: none;
}

 

 Чтобы узнать, какой класс используется у элемента и какое значение свойства необходимо выставить, вы можете воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Подробнее об использовании данного инструмента в браузерах 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


Когда желаемый результат достигнут, полученный код можно перенести в редактор тем Мерчиума.


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


Спасибо.

Здравствуйте. Делаю всё по инструкции, значок меняется, но на следующий день пропадает. В чем может быть дело?


Кстати добавляю иконку вконтакте, она также исчезает на следующий день.

@Broker7798


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


Дело в том, что значение свойства background-image указано неверно: используется ссылка, активная только для администратора магазина. Как только сессия администратора истекает, доступ к изображению запрещается. Пожалуйста, следуйте инструкции ниже, чтобы исправить проблему:

  1. В администраторской части магазина перейдите на страницу Администрирование > Файлы.
  2. Загрузите файл в раздел Пользовательские файлы.
  3. Нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва
  4. Скопируйте URL из секции Ссылка. Этот URL вы можете использовать для доступа к файлу.
  5. Укажите URL из шага 4 для значения свойства background-image.
Спасибо.

Мария, благодарю за ответ :)


Теперь всё как часы)

Пожалуйста, мы рады вам помочь.

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

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

Проблема вызвана лишней закрывающей скобкой после следующей строки стилей вашего магазина:

#category_products_11 .ty-pagination-container {order: 1;}


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

 


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