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


Иконка


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

#21 Danil

Danil

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

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

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

Просмотр сообщенияIuhenio (19 Апрель 2015 - 23:33) писал:

Здравствуйте! Подскажите, пожалуйста, как добавить иконку корзины к надписи "в корзине товаров не..." и сделать ее такой же кликабельной, как и эту надпись? :)
Здравствуйте.
В шаблоне html найдите код
 <a href="{CART_URL}">в корзине товаров на</a>:
и замените на
 <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}название картинки">в корзине товаров на</a>:
изображение корзины загрузите в раздел сайт - редактор шаблонов.

#22 Iuhenio

Iuhenio

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

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

Отправлено 20 Апрель 2015 - 14:26

Попробовал, иконка получается очень большой, ее нужно заранее уменьшить, перед загрузкой до нужных размеров? Или можно где-то на сайте?
И еще она не в том месте получается, как ее поставить туда, куда нужно?
Да, самое главное - она "прыгает" при масштабировании... можно как-нибудь сделать, чтобы она при масштабировании оставалась на одном месте?
спасибо

#23 Danil

Danil

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

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

Отправлено 20 Апрель 2015 - 14:42

Просмотр сообщенияIuhenio (20 Апрель 2015 - 14:26) писал:

Попробовал, иконка получается очень большой, ее нужно заранее уменьшить, перед загрузкой до нужных размеров? Или можно где-то на сайте?
И еще она не в том месте получается, как ее поставить туда, куда нужно?
Да, самое главное - она "прыгает" при масштабировании... можно как-нибудь сделать, чтобы она при масштабировании оставалась на одном месте?
спасибо
В конец main.css добавьте
div#cartInfo img {
  width: 35px;
}


#24 Iuhenio

Iuhenio

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

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

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

Просмотр сообщенияDanil (20 Апрель 2015 - 14:42) писал:

В конец main.css добавьте
div#cartInfo img {
width: 35px;
}

Попробовал, ничего не поменялось...

#25 Danil

Danil

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

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

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

Просмотр сообщенияIuhenio (20 Апрель 2015 - 16:39) писал:

Попробовал, ничего не поменялось...
У вас была ошибка в main.css, её убрали, теперь можете добавлять код из сообщения 23.

#26 didye1

didye1

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

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

Отправлено 21 Апрель 2015 - 15:32

После установки кодов иконка корзина вообще не отобразилась. Кнопка положить в корзину неработает. Все поменял обратно. Вместо текста пропишите ссылку на иконку корзины , куда прописать?и в main.css добавьте:
.buy{
background: url("ссылка на иконку") no-repeat 20px center;
}

И вот этот код в любое место вставить?

#27 Cupuyc

Cupuyc

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

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

Отправлено 21 Апрель 2015 - 15:41

Просмотр сообщенияdidye1 (21 Апрель 2015 - 15:32) писал:

После установки кодов иконка корзина вообще не отобразилась. Кнопка положить в корзину неработает. Все поменял обратно. Вместо текста пропишите ссылку на иконку корзины , куда прописать?и в main.css добавьте:
.buy{
background: url("ссылка на иконку") no-repeat 20px center;
}

И вот этот код в любое место вставить?

Здравствуйте, этот код следует написать после последней строки. Значение "ссылка на иконку" следует заменить адресом по которому находиться иконка корзины. Пожалуйста произведите изменения для продолжения

#28 didye1

didye1

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

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

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

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

Пример использования в коде шаблонов:

<img src="{ASSETS_IMAGES_PATH}2.png" alt="" title="" />
Пример ссылки для шаблонов:

{ASSETS_IMAGES_PATH}2.png
Пример ссылки на сайте без указания переменных:

/design/2.png
Полный путь к файлу:
http://design.carpadmedia.ru/2.png
http://carpadmedia.ru/design/2.png











#29 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Просмотр сообщенияdidye1 (21 Апрель 2015 - 16:14) писал:

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

Пример использования в коде шаблонов:

<img src="{ASSETS_IMAGES_PATH}2.png" alt="" title="" />
Пример ссылки для шаблонов:

{ASSETS_IMAGES_PATH}2.png
Пример ссылки на сайте без указания переменных:

/design/2.png
Полный путь к файлу:
http://design.carpadmedia.ru/2.png
http://carpadmedia.ru/design/2.png











Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css
В самый конец вставьте код:
.buy{
background: url("{ASSETS_IMAGES_PATH}2.png") no-repeat 20px center;
}


#30 didye1

didye1

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

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

Отправлено 22 Апрель 2015 - 08:05

Здравствуйте!
У меня на главной страницы сместились номера телефонов в лево.Как их поставить на место в центр.
А также к каталоге товаров название товара ,изменился масштаб шрифта. Помогите все вернуть обратно. Спасибо

#31 Cupuyc

Cupuyc

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

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

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

Просмотр сообщенияdidye1 (22 Апрель 2015 - 08:05) писал:

Здравствуйте!
У меня на главной страницы сместились номера телефонов в лево.Как их поставить на место в центр.
А также к каталоге товаров название товара ,изменился масштаб шрифта. Помогите все вернуть обратно. Спасибо

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#cartInfo {
position:absolute;
font-size: 13px;
bottom: 85px;
right: 43px;
white-space:nowrap;



#cartInfo a {
background: url("ссылка на иконку") no-repeat left center;
color: #000;
padding: 5px 0 5px 40px;
text-transform: uppercase;
/*cartInfo*/
/*contactInfo*/
#contactInfo {
position:absolute;
font-size:1.2em;
top: 23px;
left: 381px;



}

Замените его на:
#cartInfo {
position:absolute;
font-size: 13px;
bottom: 85px;
right: 43px;
white-space:nowrap;
}


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

/*contactInfo*/
#contactInfo {
position:absolute;
font-size:1.2em;
top: 23px;
left: 381px;
}


#32 didye1

didye1

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

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

Отправлено 22 Апрель 2015 - 12:01

Все как было так и осталось. Что делать?

спасибо все встало на место

#33 Cupuyc

Cupuyc

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

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

Отправлено 22 Апрель 2015 - 12:07

Просмотр сообщенияdidye1 (22 Апрель 2015 - 12:01) писал:

Все как было так и осталось. Что делать?

Попробуйте обновить кэш браузера(по умолчанию Ctrl+F5)

Просмотр сообщенияdidye1 (22 Апрель 2015 - 12:01) писал:

спасибо все встало на место

Пожалуйста уточните, проблема решена полностью?

#34 konffeta

konffeta

    Новичок

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

Отправлено 11 Июль 2018 - 15:51

Помогите изменить дизайн корзины в шаблоне мокко, чтобы вместо текста "В вашей корзине товаров на ..." была кнопка с ниспадающей корзиной как на картинке.
Изображение




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

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