Перейти к содержимому


Иконка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 33

#1 katty_k

katty_k

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 26 Январь 2012 - 12:16

Помогите пожалуйста, сделала оформление корзины как шаблоне Лайт, но у меня почему то не та иконка встает на место корзины??? Не могу понять почему, сделала как вы описывали...

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 26 Январь 2012 - 21:46

Вам необходимо заменить изображение orderIcons.png в разделе редактора тем на orderIcons.png

#3 katty_k

katty_k

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 27 Январь 2012 - 06:17

Просмотр сообщенияVaccina (26 Январь 2012 - 21:46) писал:

Вам необходимо заменить изображение orderIcons.png в разделе редактора тем на Прикрепленный файл orderIcons.png

Но у меня именно такой файл в редакторе тем и стоит??? Посмотрите пожалуйста, скачала с сайта:
orderIcons.png

Адрес магазина: http://youngfaces-chel.ru/

#4 katty_k

katty_k

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 27 Январь 2012 - 19:08

Пожалуйста помогите с корзиной, понять ничего немогу, уже все пробовала менять, ничего не выходит :blink:
Сайт: http://youngfaces-chel.ru/

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 27 Январь 2012 - 21:07

Редактор тем - main.css - найдите сл.блок:
.orderIcon.cart {
	background-position: -80px 0;
}

замените на этот:
.orderIcon.cart {
	background-position: -40px 0;
}


#6 katty_k

katty_k

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 28 Январь 2012 - 08:42

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

Почему, подскажите пожалуйста....

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 28 Январь 2012 - 18:47

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

#8 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 20 Декабрь 2012 - 13:26

Проблема с
.orderIcon.cart {background:url("{ASSETS_IMAGES_PATH}cartt.png") no-repeat;position: absolute;width:100%;height:100%;}
иконка cartt.png не отображается на сайте www.autogadget.su

#9 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 20 Декабрь 2012 - 13:51

В файле  main.csstemplate, который находится в панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты", у вас другой код:
.orderIcon.cart					{background:url("/web/upload/assets/images/77/76822/cartt.ru") no-repeat;position: absolute;width:100%;height:100%;}

Поэтому найдите и замените на:
.orderIcon.cart					{background:url("/web/upload/assets/images/77/76822/cartt.png") no-repeat;position: absolute;width:100%;height:100%;}

А также загрузите саму иконку: Сайт > Редактор тем в разделе "Файлы"

#10 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 20 Декабрь 2012 - 14:53

Да заметил, исправил, только толку нет. Не видно иконки! (

#11 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 924 сообщений

Отправлено 20 Декабрь 2012 - 16:11

Просмотр сообщенияdefistaf (20 Декабрь 2012 - 14:53) писал:

Да заметил, исправил, только толку нет. Не видно иконки! (


Замените
.orderIcon.cart {
background: url("/web/upload/assets/images/77/76822/cartt.png") no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

на это
.orderIcon.cart {background-position: -40px -3px;}

далее замените
.orderIcon {
background: url("/web/upload/assets/images/77/76822/") no-repeat;
height: 35px;
width: 35px;
display: block;
}

на
.orderIcon {width: 36px;height: 36px;display: block;background: url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;margin: -16px 0px 0px -43px;}

Также скачайте изображение, которое прикреплено к моему сообщению и замените в графическом редакторе только 2-у иконку (корзину). Остальные иконки служат для других страниц. И потом загрузите на сайт это изображение с таким же именем и расширением png

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

  • orderIcons.png


#12 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 20 Декабрь 2012 - 20:40

спасибо)

#13 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 23 Декабрь 2012 - 23:22

Не подскажите, как можно превратить квадратную обработку иконок на круглую:
Изображение
Сайт

#14 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 924 сообщений

Отправлено 24 Декабрь 2012 - 09:27

Просмотр сообщенияogonek7777 (23 Декабрь 2012 - 23:22) писал:

Не подскажите, как можно превратить квадратную обработку иконок на круглую:
Изображение
Сайт

Адрес изображений, в которых для Вашего сайта находятся цифры для шагов по оформлению заказа. У этих изображений фон стоит белый и как раз квадратный. Вы можете изменить это в графическом редакторе

#15 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 24 Декабрь 2012 - 16:16

Просмотр сообщенияsupport 2.0 (24 Декабрь 2012 - 09:27) писал:

Адрес изображений, в которых для Вашего сайта находятся цифры для шагов по оформлению заказа. У этих изображений фон стоит белый и как раз квадратный. Вы можете изменить это в графическом редакторе
Наверное я что-то не понимаю, но мне казалось, что картинка там одна, и только показывается ее разное положение. А форма - квадрат или круг - задается обрамлением фона. На моем сайте фон имеет цвет, кажется #eee, вот он и создает рамку квадратом, а если я буду знать куда разместить border-bottom:1px solid #eee , то вопрос решиться.

#16 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 24 Декабрь 2012 - 16:32

Просмотр сообщенияogonek7777 (24 Декабрь 2012 - 16:16) писал:

Наверное я что-то не понимаю, но мне казалось, что картинка там одна, и только показывается ее разное положение. А форма - квадрат или круг - задается обрамлением фона. На моем сайте фон имеет цвет, кажется #eee, вот он и создает рамку квадратом, а если я буду знать куда разместить border-bottom:1px solid #eee , то вопрос решиться.
Вы можете установить у кнопок радиус закругления углов.
В файле main.csstemplate.
Найти код:
.orderIcon						 {width:36px;height:36px;display:block;
background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
Заменить:
.orderIcon						 {
width:36px;
height:36px;
display:block;
background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;
border-radius: 35px;/*радиус закругления углов в пикселях*/
}


#17 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 24 Декабрь 2012 - 18:05

Просмотр сообщенияKoderhan (24 Декабрь 2012 - 16:32) писал:

Вы можете установить у кнопок радиус закругления углов.
В файле main.csstemplate.
Найти код:
.orderIcon						 {width:36px;height:36px;display:block;
background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
Заменить:
.orderIcon						 {
width:36px;
height:36px;
display:block;
background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;
border-radius: 35px;/*радиус закругления углов в пикселях*/
}
Супер. Спасибо

#18 didye1

didye1

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Апрель 2015 - 16:36

Подскажите как добавить иконку корзина
в корзине товаров на:
и положить в корзину:
carpadmedia.ru/goods/AVTOMAGNITOLA-2-DIN-UNIVeRSALNAya-ANDROID-4-4-NEWSMY-CARPAD-DUOS
SL-239783

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 18 Апрель 2015 - 02:10

1. В main.css найдите:
#cartInfo a {
  color: #000;
  text-transform: uppercase;
}

замените на:
#cartInfo a {
  background: url("ссылка на иконку") no-repeat left center;
  color: #000;
  padding: 5px 0 5px 40px;
  text-transform: uppercase;
}

2.В шаблоне Товар найдите:
<input type="submit" value="Положить в корзину" style="width:200px;" />

замените на:
<input type="submit buy" value="Положить в корзину" style="width:200px;" />

и в main.css добавьте:
.buy{
background: url("ссылка на иконку") no-repeat 20px center;
}

Вместо текста пропишите ссылку на иконку корзины, а саму иконку загрузите в раздел Редактор шаблонов.

#20 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 19 Апрель 2015 - 23:33

Здравствуйте! Подскажите, пожалуйста, как добавить иконку корзины к надписи "в корзине товаров не..." и сделать ее такой же кликабельной, как и эту надпись? :)

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

  • корзина.jpg





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных