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


Помогите Подправить Некоторые Элементы В Шаблоне


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

#1 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 24 Ноябрь 2013 - 21:12

Здравствуйте, уважаемые модераторы. На прикрепленном скрине 3 проблемки, которые хотелось бы решить!

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

  • скрин9.jpg


#2 sengun

sengun

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

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

Отправлено 24 Ноябрь 2013 - 23:19

Просмотр сообщенияProrock_Ugl (24 Ноябрь 2013 - 21:12) писал:

Здравствуйте, уважаемые модераторы. На прикрепленном скрине 3 проблемки, которые хотелось бы решить!
Здравствуйте.
Логотип. В main.css замените
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }
на это
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }

Далее ICQ. В HTML замените код
<div class="rght">
		 <ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <ul>
			 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			 </ul>
		 {% ENDIF %}
	 </div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		 <ul class="telephone23">
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
		
		 </ul>
на этот
<div class="rght">
		 <ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_ICQ %}<li class="icq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <ul>
			 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			 </ul>
		 {% ENDIF %}
	 </div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
И в конец main.css добавьте
#header .blocks .rght ul li.icq { margin-left: 45px;}

И, наконец, основной контент.
В main.css замените
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
на это
#index { margin:-11px 0 -11px 0; padding:11px 0 11px 0;
это убрали вертикальную линию. Далее
#mainindex {  float:left; width:512px; }
замените на это
#mainindex {  float:left; width:755px; }
Так мы расширили блок основного контента.

#3 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 25 Ноябрь 2013 - 10:23

Просмотр сообщенияsengun (24 Ноябрь 2013 - 23:19) писал:

И, наконец, основной контент.
В main.css замените
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
на это
#index { margin:-11px 0 -11px 0; padding:11px 0 11px 0;
это убрали вертикальную линию. Далее
#mainindex { float:left; width:512px; }
замените на это
#mainindex { float:left; width:755px; }
Так мы расширили блок основного контента.

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

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

  • Без имени-1.jpg


#4 ne_yana

ne_yana

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

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

Отправлено 25 Ноябрь 2013 - 11:29

Просмотр сообщенияProrock_Ugl (25 Ноябрь 2013 - 10:23) писал:

Спасибо. По первым двум пунктам все получилось, а вот после выполнения третьего шаблон развалился. Прикрепляю скрин.
Здравствуйте, сейчас часть изменений не сделана. Уточните, пожалуйста, что Вам осталось изменить и какие инструкции не были проделаны. Тогда мы сможем прислать Вам исправленную инструкцию.

#5 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 25 Ноябрь 2013 - 11:38

Просмотр сообщенияne_yana (25 Ноябрь 2013 - 11:29) писал:

Здравствуйте, сейчас часть изменений не сделана. Уточните, пожалуйста, что Вам осталось изменить и какие инструкции не были проделаны. Тогда мы сможем прислать Вам исправленную инструкцию.

Не получилось проделать только пункт с изменением основного контента (раздвинуть каталог и убрать бордюр), шаблон развалился. Затем я отменил данные изменения, шаблон пришел в первоначальный вид.

#6 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 25 Ноябрь 2013 - 11:58

Снова шаблон развалился. Изменений в код не вносил.

#7 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 25 Ноябрь 2013 - 22:34

Здравствуйте!  Проблема с каталогом в три столбца так и не решена.

Также прошу помочь в нескольких вопросах, суть изложена в скринах.

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

  • скрин10.jpg
  • скрин11.jpg


#8 Сake

Сake

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

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

Отправлено 26 Ноябрь 2013 - 04:06

Замените код вашего шаблона "HTML" на следующий код
Скрытый текст

Далее в файле стилей main.css

#header {
	clear: both;
	height: 120px;
	width: 100%;
}

и замените на

#header {
	clear: both;
	height: 545px;
	width: 100%;
}

далее найдите

#panelsite div.rightcol a {
  color: #686868;
  display: block;
  float: left;
  font: 14px Verdana,Geneva,sans-serif;
  height: 58px;
  margin: 5px 0 0 30px;
  overflow: hidden;
  padding: 20px 0;
  text-decoration: none;
  width: 48px;
}

и замените на

#panelsite div.rightcol a {
  color: #686868;
  display: block;
  float: left;
  font: 14px Verdana,Geneva,sans-serif;
  height: 58px;
  margin: 5px 0 0 30px;
  overflow: hidden;
  padding: 20px 0;
  text-decoration: none;
  width: 54px;
}

далее найдите

#index {
  background: url("{ASSETS_IMAGES_PATH}index-bg.jpg") repeat-y scroll 512px 0 rgba(0, 0, 0, 0);
  margin: -11px 0;
  padding: 11px 0;
}

и замените на

#index {
  margin: -11px 0;
  padding: 11px 0;
}

далее найдите

#mainindex {
  float: left;
  width: 512px;
}

и замените на

#mainindex {
  float: left;
  width: 752px;
}


#9 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 26 Ноябрь 2013 - 10:23

Здравствуйте. Огромное спасибо за помощь. Единственный момент, с расстоянием между шапкой и горизонтальным меню получилось немного не так, как хотел. Нужно расстояние не за счет увеличения белого поля от меню,поскольку съедается нижний контур картинки шапки, а за счет смещения самой шапки чуть вверх. Так можно сделать?

#10 Koderhan

Koderhan

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

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

Отправлено 26 Ноябрь 2013 - 19:03

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }
Заменить:
#header .blocks .logotype { margin: -81px 0 0 0px; float:left; }
Изменяя значение -81 можно менять расположение логотипа.

#11 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 26 Ноябрь 2013 - 19:29

Просмотр сообщенияKoderhan (26 Ноябрь 2013 - 19:03) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }
Заменить:
#header .blocks .logotype { margin: -81px 0 0 0px; float:left; }
Изменяя значение -81 можно менять расположение логотипа.

Спасибо, я правда обошел немного другим способом. Просто добавил в граф. редакторе немного свободного поля снизу. Ваш метод оставляю на будущее.

У меня еще несколько вопросов:

1. Можно ли заменить кнопки "купить", "подробнее" и т.д. на свои

2.  Нужно отразить блоки в левой колонке "цена", "вы смотрели" "корзина" на странице каталога

3. Мне нужно, чтобы на странице отражалось по 21 товару, и убрать возможность выбора для покупателей в каком количестве отражать товар на странице где это можно менять?

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

#12 Castiel

Castiel

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

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

Отправлено 26 Ноябрь 2013 - 20:03

Просмотр сообщенияProrock_Ugl (26 Ноябрь 2013 - 19:29) писал:

Спасибо, я правда обошел немного другим способом. Просто добавил в граф. редакторе немного свободного поля снизу. Ваш метод оставляю на будущее.

У меня еще несколько вопросов:

1. Можно ли заменить кнопки "купить", "подробнее" и т.д. на свои

2.  Нужно отразить блоки в левой колонке "цена", "вы смотрели" "корзина" на странице каталога

3. Мне нужно, чтобы на странице отражалось по 21 товару, и убрать возможность выбора для покупателей в каком количестве отражать товар на странице где это можно менять?

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

Замена кнопок
Редактируем шаблон Товары

Цитата

                    <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
                      <div>
                        <input type="hidden" name="hash" value="{HASH}" />
                        <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
                        <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
                        <a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
                        <a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
                      </div>
                    </form>

Решение 3 вопроса

Решение 4 вопроса

Уточните 2 вопрос, желательно сделать скриншот и на нем указать что и где вы хотите видеть

#13 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 26 Ноябрь 2013 - 20:50

Просмотр сообщенияCastiel (26 Ноябрь 2013 - 20:03) писал:

Замена кнопок
Редактируем шаблон Товары


Спасибо!

Я так понимаю указанным способом только текст кнопок можно поменять? а сами картинки кнопок можно как-то сменить на свои?

По второму вопросу из моего предыдущего поста. Прикрепляю скрин. Хотелось, чтоб было также и на странице каталога.

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

  • скрин12.jpg


#14 Castiel

Castiel

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

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

Отправлено 26 Ноябрь 2013 - 21:12

Просмотр сообщенияProrock_Ugl (26 Ноябрь 2013 - 20:50) писал:

Спасибо!

Я так понимаю указанным способом только текст кнопок можно поменять? а сами картинки кнопок можно как-то сменить на свои?

По второму вопросу из моего предыдущего поста. Прикрепляю скрин. Хотелось, чтоб было также и на странице каталога.

Редактируем шаблон HTML

Удаляем 435 строку
{% IFNOT index_page %}
Удаляем 588 строку
{% ENDIF %}


#15 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 26 Ноябрь 2013 - 21:55

Просмотр сообщенияCastiel (26 Ноябрь 2013 - 21:12) писал:

Редактируем шаблон HTML

Удаляем 435 строку
{% IFNOT index_page %}
Удаляем 588 строку
{% ENDIF %}

Спасибо, а по замене картинок кнопок прокомментируете?

#16 Castiel

Castiel

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

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

Отправлено 26 Ноябрь 2013 - 22:26

Просмотр сообщенияProrock_Ugl (26 Ноябрь 2013 - 21:55) писал:

Спасибо, а по замене картинок кнопок прокомментируете?

Находим

.blgreen {
background: url(http://photopresent.storeland.net/whtblue-bg.jpg) center top repeat;
border: 1px solid #5fa8c4;
color: #494949;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding: 4px 10px 2px 10px;
font: normal 11px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}

background: url(http://photopresent..../whtblue-bg.jpg) center top repeat;  Отвечает за задний фон кнопки, вы можете создать картинку с различной цветовой палитрой. Заливаем на сайт и указываем ссылку на новую картинку.
Так же вы можете заменить эту строку на background-color: #5fa8c4; и указать любой цвет который вам нравится.

border: 1px solid #5fa8c4;   Цвет границы

Если хотите заменить цвета при наведении то находим
.whtgreen:hover, .blgreen:hover {
background: url(http://photopresent.storeland.net/whtgreen-bg.jpg) center center repeat;
border: 1px solid #83a61d;
color: #1c1c1c;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
}

background: url(http://photopresent....whtgreen-bg.jpg) center center repeat;  цвет фона при наведении
border: 1px solid #83a61d;  цвет границ кнопки

#17 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 26 Ноябрь 2013 - 22:37

Супер, спасибо! буду пробовать!

Скажите, а загружаемые картинки кнопок должны быть определенного размера или размер задается в коде?

#18 Castiel

Castiel

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

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

Отправлено 26 Ноябрь 2013 - 23:46

Просмотр сообщенияProrock_Ugl (26 Ноябрь 2013 - 22:37) писал:

Супер, спасибо! буду пробовать!

Скажите, а загружаемые картинки кнопок должны быть определенного размера или размер задается в коде?

Сделайте такого же размера как и оригинальные

#19 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 27 Ноябрь 2013 - 14:52

Просмотр сообщенияCastiel (26 Ноябрь 2013 - 23:46) писал:

Сделайте такого же размера как и оригинальные

Спасибо!

#20 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 28 Ноябрь 2013 - 09:39

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




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

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