Просим обратить внимание: техническая поддержка Tilda Publishing не осуществляет поддержку связанную с работой кода

1) Для начала, новое изображение корзины должно находится где-нибудь в другом месте на вашем сайте. Чтобы добавить изображение на сайт, можно в любом другом zero блоке создать элемент image, загрузить в него изображение и перенести его за территорию видимости. После этого, изображение будет находиться на вашем сайте, пока вы не удалите этот zero блок. Дальше, нужно раздобыть URL изображения, для этого зайдите обратно в редактор, найдите изображение, нажмите на него правой кнопкой мышки и выберите "Копировать URL картинки".

2) Добавляем код в блок T123.

3) В коде, в 2 строке заменяем ссылку.

Изменение иконки корзины

Изменение надписей в корзине

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

Дополнительно

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

Код: Изменение иконки корзины


<script>
$(document).ready(function(){
    var link = "https://static.tildacdn.one/tild3034-3232-4834-a430-653435656333/_-1.png";
    $(".t706__carticon-imgwrap").children().remove();
    $(".t706__carticon-imgwrap").attr("style", "background-image: url(" + link + ");background-size: cover;")
})
</script>

Код: Изменение надписей в корзине


<script>
function tcart__dict(t) {
    var r = [];
    r[1] = {
        RU: "Сумма",
    },
    r[2] = {
        RU: "Сумма",
    },
    r[3] = {
        RU: "Итоговая сумма",
    },
    r[4] = {
        RU: "Ваш заказ",
    },
    r[5] = {
        RU: "Оформить заказ",
    },
    r[6] = {
        RU: "Способ оплаты",
    },
    r[7] = {
        RU: "Оформить заказать",
    },
    r[8] = {
        RU: "Сумма со скидкой",
    },
    r[9] = {
        RU: "Промокод",
    },
    r[10] = {
        RU: "Скидка",
    },
    r[11] = {
        RU: "Минимальный заказ",
    },
    r[12] = {
        RU: "Минимальное количество в заказе",
    },
    r[13] = {
        RU: "Извините, достигнут лимит. Это максимально возможное количество товаров в наличии"
    },
    r[14] = {
        RU: "бесплатно",
    },
    r[15] = {
        RU: "Улица"
    },
    r[16] = {
        RU: "Дом"
    },
    r[17] = {
        RU: "Подъезд"
    },
    r[18] = {
        RU: "Этаж"
    },
    r[19] = {
        RU: "Квартира/офис"
    },
    r[20] = {
        RU: "Телефон"
    },
    r[21] = {
        RU: "Домофон"
    },
    r[22] = {
        RU: "Комментарий"
    },
    r[23] = {
        RU: "Город"
    },
    r[24] = {
        RU: "Выберите пункт получения"
    },
    r[25] = {
        RU: "дня"
    },
    r[26] = {
        RU: "дней"
    },
    r[27] = {
        RU: "от"
    },
    r[28] = {
        RU: "рублей"
    },
    r[29] = {
        RU: "К сожалению, в выбранный вами город доставка не осуществляется"
    },
    r[30] = {
        RU: "Доставка"
    },
    r[31] = {
        RU: "Адрес"
    },
    r[32] = {
        RU: "Не удается найти адрес в базе"
    },
    r[33] = {
        RU: "Пункт получения"
    },
    r[34] = {
        RU: "Пожалуйста, выберите адрес из предложенных вариантов"
    },
    r[35] = {
        RU: "Пожалуйста, выберите город из предложенных вариантов"
    },
    r[36] = {
        RU: "Комментарий к заказу"
    },
    r[37] = {
        RU: "Выбрать"
    },
    r[38] = {
        RU: "Телефоны"
    },
    r[39] = {
        RU: "Телефон"
    },
    r[40] = {
        RU: "Время работы"
    },
    r[41] = {
        RU: "Данные о доставке для менеджера"
    },
    r[42] = {
        RU: 'К сожалению, в данный момент сервис доставки недоступен. Пожалуйста, укажите адрес доставки в свободной форме в поле "Комментарий", менеджер магазина свяжется с Вами для оформления заказа в ближайшее время по предоставленным контактным данным.'
    },
    r[43] = {
        RU: "Получение сервисов доставки"
    },
    r[44] = {
        RU: "Получение списка пунктов выдачи заказов"
    },
    r[45] = {
        RU: "По Вашему запросу ничего не найдено"
    },
    r[46] = {
        RU: "Изменить"
    },
    r[47] = {
        RU: "Получатель (ФИО полностью)"
    },
    r[48] = {
        RU: "Иванов Иван Иванович"
    };
    var o = "RU";
    return void 0 !== r[t] ? void 0 !== r[t][o] && "" != r[t][o] ? r[t][o] : r[t].EN : "Text not found #" + t
}
</script>

Код: Убирает закругление, тень, задний цвет и рамку у значка корзины


<style> 
	.t706__carticon-imgwrap {
		border-radius: 5px; 
		box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important; 
		background-color: transparent !important; 
		border: 0px solid transparent !important; 
	}
</style>

Есть вопросы?

comments powered by HyperComments

Вот что есть еще

Модификация

Зависимая анимация

Анимация элементов при наведении или по клику

Эффект

Цветной дым по клику

Полюбившимся многим эффект реалистичного цветного дыма

Модификация

Поэкранный скролл

Ввертикальный, горизонтальный или смешанный поэкранный скролл