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


Помогите Поменять На Сайте!

Автор Nastya, 07 апр. 2013 17:38
каталог товаров корзина

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

#1 Nastya

Nastya

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

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

Отправлено 07 Апрель 2013 - 17:38

Добрый день!
Помогите пожалуйста, я совсем не понимаю в кодах и куда их вставлять и какие.
Вот мой сайт  http://игрушкитомска.рф/
1,Мне нужно сделать каталог в обрамлении , в рамочке голубой, линия толстая.
2, Сделать поиск тоже в голубом цвете.
3 Поменять значок корзины
4 Вход в личный кабинет
5 И еще меню сделать в облачках.


Пример как мне надо вот тут http://www.begemosha-shop.com/

Как то вот так.
Очень буду благодарна за помощь!!!

#2 Koderhan

Koderhan

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

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

Отправлено 08 Апрель 2013 - 13:07

Цитата

1,Мне нужно сделать каталог в обрамлении , в рамочке голубой, линия толстая.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

 <!-- Каталог товаров -->
			<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			{%IFNOT catalog_empty %}
			  {% FOR catalog %}
				{% IFNOT catalog.HIDE %}
				  {% IF catalog.FIRST %}<ul>{% ENDIF %}
					 <li>
					   <a href="{catalog.URL}" 
														  {% IF catalog.LEVEL=0%}style="font-weight:bold;"{% ENDIF %}
														  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
														>{catalog.NAME}</a>



					  </a>
					{% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
				  {% IF catalog.LAST %}
					{% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
				  {% ENDIF %}
				{% ENDIF %}
			  {% ENDFOR %}
			{% ENDIF %}
Заменить:
<!-- Каталог товаров -->
			<div class="my1">
			<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			{%IFNOT catalog_empty %}
			  {% FOR catalog %}
				{% IFNOT catalog.HIDE %}
				  {% IF catalog.FIRST %}<ul>{% ENDIF %}
					 <li>
					   <a href="{catalog.URL}" 
														  {% IF catalog.LEVEL=0%}style="font-weight:bold;"{% ENDIF %}
														  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
														>{catalog.NAME}</a>



					  </a>
					{% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
				  {% IF catalog.LAST %}
					{% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
				  {% ENDIF %}
				{% ENDIF %}
			  {% ENDFOR %}
			{% ENDIF %}
			</div>


В файле "main.css".
Добавить в конец файла код:

.my1 {
	border: 2px solid rgb(80, 161, 172);
	border-radius: 7px;
}

Цитата

2, Сделать поиск тоже в голубом цвете.
В файле "main.css".
Найти код:
input.cornerAll, textarea.cornerAll			 {border:1px solid #cccccc;}
Заменить:
input.cornerAll, textarea.cornerAll			 {border: 2px solid #1C98D3;}

Цитата

3 Поменять значок корзины
В файле "main.css".
Найти код:
.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('Адрес до изображения корзины') no-repeat;
}

Цитата

4 Вход в личный кабинет
5 И еще меню сделать в облачках.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTableHeadNavigation a {
	border: 1px solid #0085FF;
	padding: 3px;
	border-radius: 4px;
}

#3 Nastya

Nastya

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

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

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

Спасибо все получается, кроме корзины, вставляю фото, а оно съезжает в бок.
И по меню - все получается, но только остаются палки между словами, как их убрать?

И еще, как сдвинуть баннер в право?

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Цитата

Спасибо все получается, кроме корзины, вставляю фото, а оно съезжает в бок.

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

Цитата

И по меню - все получается, но только остаются палки между словами, как их убрать?

Чтобы убрать разделители между пунктами меню - необходимо в шаблоне "HTML" найти и удалить

{% IF menu.header.links.rindex>1 %}|{% ENDIF %}

Цитата

И еще, как сдвинуть баннер в право?

Вам необходимо ваш баннер обвернуть в теги

<div style="text-align: right;"> Код вашего баннера</div>

#5 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 08:47

Вот такое

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

  • shopping-cart-icon_55-292934198.jpg

#6 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 08:58

Все получилось спасибо, осталось разобраться с корзиной!! :)

#7 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 09:00

Просмотр сообщенияNastya (10 Апрель 2013 - 08:47) писал:

Вот такое

Загрузите ваше изображение через Сайт-Редактор тем-Файлы
Далее найдите в файле main.css код:
.orderIcon						 {width:36px;height:36px;display:block;background:url('http://design.xn--80afobjbnppoij9d.xn--p1ai/orderIcons.png') -1px -3px no-repeat;}
и замените его на:
.orderIcon						 {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}название изображения') no-repeat;}

#8 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 09:23


miyako, не получается

#9 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 09:39

Просмотр сообщенияNastya (10 Апрель 2013 - 09:23) писал:


miyako, не получается
У вас сейчас код выглядит так:
.orderIcon											   {width:36px;height:36px;display:block;background:url('http://design.xn--80afobjbnppoij9d.xn--p1ai/orderIcons.png') -1px -3px no-repeat;}
в main.css

#10 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 10:06

miyako,я его ставила, как сказали, картинке не было видно.

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

#11 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 10:32

Просмотр сообщенияNastya (10 Апрель 2013 - 10:06) писал:

miyako,я его ставила, как сказали, картинке не было видно.

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

Как у вас называется изображение, которое вы хотите поставить? В каком формате?
Попробуйте еще раз проделать тоже самое и очистить кэш.

#12 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 10:43

miyako , не помогло, смотрите , поставила, как сказали, очистила кэш, ничего не помогло.

shopping-cart-icon_55-292934198.jpg  jpg

#13 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 11:10

Просмотр сообщенияNastya (10 Апрель 2013 - 10:43) писал:

miyako , не помогло, смотрите , поставила, как сказали, очистила кэш, ничего не помогло.

shopping-cart-icon_55-292934198.jpg  jpg

Вы загрузили изображение через Сайт-Файлы.
Тогда вам нужно изменить путь до него на такой:
http://files.storeland.ru/web/upload/sitefiles/6/513/512564/shopping-cart-icon_55-292934198.jpg

Если вы загрузите это изображение через Сайт-Редактор тем-Файлы, тогда не нужно ничего менять в коде.

#14 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 11:54


miyako загрузила так, поменяла, но только это не дало результат

#15 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 12:52

Просмотр сообщенияNastya (10 Апрель 2013 - 11:54) писал:


miyako загрузила так, поменяла, но только это не дало результат

Так как сейчас у вас  в стилях примерно так:
.orderIcon											   {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}http://files.storeland.ru/web/upload/sitefiles/6/513/512564/shopping-cart-icon_55-292934198.jpg') no-repeat;}
а должно быть так:
.orderIcon											   {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}shopping-cart-icon_55-292934198.jpg') no-repeat;}

#16 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 13:15

поменяла, не помогло :(

#17 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 13:58

Просмотр сообщенияNastya (10 Апрель 2013 - 13:15) писал:

поменяла, не помогло :(

Удалите это изображение из Сайт-Файлы и Сайт-Редактор тем-Файлы. А затем загрузите только в Сайт-Редактор тем-Файлы.

#18 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 17:49


miyako, теперь показывается, только не вся :wacko:

#19 Nastya

Nastya

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

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

Отправлено 10 Апрель 2013 - 19:10

теперь вернуть прежнюю иконку не могу

#20 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

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

Просмотр сообщенияNastya (10 Апрель 2013 - 19:10) писал:

теперь вернуть прежнюю иконку не могу
попробуйте пере закачать картинку с тем же именем и расширением..
Проверьте она есть у вас в файлах
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лайт
  5. → Изменение общей стилистики
  6. Privacy Policy