Сообщений в теме: 19

[Dizelde]

Подскажите, как сделать корзину симпатичней, из картинки?

[support 2.0]

Dizelde (05 Август 2013 - 09:54) писал:

Подскажите, как сделать корзину симпатичней, из картинки?

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

[Dizelde]

да, вставить рисунок в виде корзины с отображением количества товаров.без выпадающих окошек

[Сake]

Изображение корзины вы можете вставить в класс

.summary a {
	background-image: url("http://design.contanti.ru/image.jpg?7668");
	color: white;
	display: block;
	padding: 1.35em 0.5em 1.5em;
	position: absolute;
	right: -5.5em;
	text-align: center;
	top: 0;
	width: 13.333em;
}

который находиться в файле стилей style.css. Данный класс уже использует изображение фона background-image. Вы можете добавить дополнительное второе изображение для отображения иконки корзины. Например так

.summary a {
	background: url("{ASSETS_IMAGES_PATH}cart.png") no-repeat scroll 5px 15px, url("{ASSETS_IMAGES_PATH}image.jpg") repeat;
	color: white;
	display: block;
	padding: 1.35em 0.5em 1.5em;
	position: absolute;
	right: -5.5em;
	text-align: center;
	top: 0;
	width: 13.333em;
}

после загрузив изображение корзины как "cart.png". Изменить положение изображения вы можете путем изменения "5px 15px" значений в свойстве background.

Что бы скрыть выпадение при наведении на блок корзины - добавьте

.basket-summary {
   display: none !important;
}

[Dizelde]

подскажите, у меня при отсутствии товаров в корзине на иконке отображается просто 0, при добавлении товара в корзину появляется надпись 1 товаров в корзине, как ее убрать,чтобы отображалась просто цифра?

[Taisia]

найдите в файле HTML  код

<div class="summary">
		  <a href="{CART_URL}"><strong>{% IF cart_count_empty %}
			<span>0</span>
			{% ELSE %}
			  {CART_COUNT_TOTAL}
			{% ENDIF %}</strong> товаров в корзине</a>
		</div>

удалите товаров в корзине

должно получиться так

<div class="summary">
		  <a href="{CART_URL}"><strong>{% IF cart_count_empty %}
			<span>0</span>
			{% ELSE %}
			  {CART_COUNT_TOTAL}
			{% ENDIF %}</strong></a>
		</div>

[Dizelde]

удалено...не помогает

[miyako]

Dizelde (07 Август 2013 - 06:17) писал:

удалено...не помогает

Очистите кэш браузера.

[Dizelde]

не помогает

помогло, только надпись убирается после обновления страницы...не очень хорошо

[Vaccina]

Так же удалите данный текст и в шаблоне "Быстрый заказ", данный текст задан в конце шаблона

</strong> товаров в корзине</a>

[Никита]

Я убрал надпись количества товаров в корзине, теперь там пишется только сумма заказа в корзине, но она сливается с фоном подскажите, пожалуйста, как изменить её цвет?

SL-238895

Прикрепленные изображения

• 

[ne_yana]

Никита (10 Октябрь 2013 - 22:29) писал:

Я убрал надпись количества товаров в корзине, теперь там пишется только сумма заказа в корзине, но она сливается с фоном подскажите, пожалуйста, как изменить её цвет?

SL-238895

Добрый вечер, необходимо найти в файле style.css

.num {
color: #404040;
}

и изменить цвет на желаемый.

[Никита]

Спасибо, большое! все  получилось

[Никита]

Подскажите, пожалуйста как сделать, чтобы картинка корзины на узком экране перемещалась вместе с самой корзиной?

Прикрепленные изображения

• 
• 

[Vaccina]

В style.css найдите:

.summary a {
	background: none repeat scroll 0 0 #0F0F0F;
	color: #FFE4AB;
	display: block;
	margin: 0 auto;
	padding: 1.75em 1em 1.5em;
	position: relative !important;
	top: 0;
	width: 13.333em;
}

удалите background: none repeat scroll 0 0 #0F0F0F;

[Никита]

У меня в данный момент
summary a {
        background: url("{ASSETS_IMAGES_PATH}корзина.png") no-repeat scroll 5px 15px, url("{ASSETS_IMAGES_PATH}image.jpg") repeat;
        color: white;
        display: block;
        padding: 1.35em 0.5em 1.5em;
        position: absolute;
        right: -5.5em;
        text-align: center;
        top: -3;
        width: 13.333em;
}
мне необходимо удалить  no-repeat scroll 5px 15px?

[Vaccina]

в style.css найдите:

.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}

замените на:

.summary a {color: #ffe4ab; padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}

этот код точный, взят из вашего шаблона

[Никита]

ничего не изменилось. может быть это из-за того что я не понятно объяснил что мне надо, или не то фото приложил. вот исправляюсь. Это то что мне нужно

Прикрепленные изображения

• 

[Castiel]

Никита (18 Февраль 2014 - 06:23) писал:

ничего не изменилось. может быть это из-за того что я не понятно объяснил что мне надо, или не то фото приложил. вот исправляюсь. Это то что мне нужно

Здравствуйте, Редактируем main.css
Находим 308 строку

.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}

Заменяем на

.summary a {color: #ffe4ab; padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}

Находим 314 строку

.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; position: relative!important;top:0px;margin: 0 auto;}

Заменяем на

.summary a {color: #ffe4ab; padding: 1.75em 1em 1.5em; display: block; position: relative!important;top:0px;margin: 0 auto;}

[Никита]

Спасибо, за помошь! всё работает!