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


Несколько Моментов По Оформлению


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

#1 YaОльга

YaОльга

    Пользователь

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

Отправлено 02 Декабрь 2014 - 16:46

Здравствуйте! Помогите, пожалуйста с некоторыми моментами.

1. Как поменять цвет (на #CD6445) и расположения телефона и скайпа под лого и добавить перед ними значки?
прилагаю картинку (1.gif) как хотелось бы.

2. Можно ли добавить картинки перед разделами, образец (2.gif)

3. Можно ли переместить поиск по сайту как на образце (3.gif)

4. Как сделать рамки по блоку товара вот таким цветом #CD6445

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

  • 1.gif
  • 2.gif
  • 3.gif


#2 Ирина345

Ирина345

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

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

Отправлено 03 Декабрь 2014 - 17:21

Просмотр сообщенияYaОльга (02 Декабрь 2014 - 16:46) писал:

Здравствуйте! Помогите, пожалуйста с некоторыми моментами.

1. Как поменять цвет (на #CD6445) и расположения телефона и скайпа под лого и добавить перед ними значки?
прилагаю картинку (1.gif) как хотелось бы.

2. Можно ли добавить картинки перед разделами, образец (2.gif)

3. Можно ли переместить поиск по сайту как на образце (3.gif)

4. Как сделать рамки по блоку товара вот таким цветом #CD6445
Здравствуйте,
1. для того что бы добавить картинку, вам необходимо её загрузить на сайт
для того что бы поменять цвет найдите в main.css

.contacts {
vertical-align: middle;
padding-top: 10px;
}
замените на

.contacts {
vertical-align: middle;
padding-top: 10px;
color: #CD6445;

font-weight: bold;
font-size: 14px;
}
далее добавьте в конец файла

.left span {

color: #CD6445;

font-weight: bold;
font-size: 14px;
}
2. да можно вам нужно загрузить их на сайт и отписаться.
3. к сожалению в данный блок переместить не получиться.

4 найдите в main.css
.product-box {
padding: 14px 14px 14px 14px;
background: #FFF;
/* height: 280px; */
}
замените на
.product-box {
padding: 14px 14px 14px 14px;
background: #FFF;
/* height: 280px; */
border: 1px solid #CD6445;
margin-left: 6px;
}


#3 YaОльга

YaОльга

    Пользователь

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

Отправлено 03 Декабрь 2014 - 20:07

1. По первому пункту цвет телефона получилось поменять и размер. Но расположение не поменялось. Надо чтобы телефон  и скайп располагался по центру под лого и хотелось бы увеличить межстрочный отступ между тел и скайпом, помогите, пожалуйста.  
Картинку с изображением тел я сохранила на сайт в файлы, вот на нее ссылка http://st.zakka-ekb....506/257/tel.gif

2. Картинки для разделов тоже загрузила на сайт подскажите, что дальше делать
http://st.zakka-ekb....55/pugov_or.gif
http://st.zakka-ekb....6/pugov_zel.gif

А еще подскажите, пожалуйста, как убрать блок со стр.(см на 1.jpg) и кнопку "подробней" удалить, а "в корзину" заменить на "подробней", картинку прилагаю(см на 1.jpg)

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

  • 1.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2014 - 06:29

1. В шаблоне HTML найдите:
<div class="left">
				 <a title="Свяжитесь с нами по Skype"
замените на:
<div>
				 <a title="Свяжитесь с нами по Skype"
далее в main.css найдите:
.contacts {
color: #cd6445;
font-size: 12px;
font-weight: bold;
}
замените на:
.contacts {
color: #cd6445;
font-size: 12px;
font-weight: bold;
line-height: 20px;
}

2. В main.css добавьте:
.menu_main > ul > li {
background: url ('ссылка на первую картинку') no-repeat left center;
padding-left:15px;
}
.menu_main > ul > li:nth-child(2n) {
background: url ('ссылка на вторую картинку') no-repeat left center;
padding-left:15px;
}

3. В шаблоне Товары найдите и удалите:
<!-- Если есть возможность фильтрации товаров по ценам -->
				 {% IF SHOW_GOODS_PRICE_FILTERS %}
					 <div class="filter">
					 <div>
						 <div class="goodsFilterPriceInfo">
						 <label>Цена:</label>
						 от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
						 до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
						 </div>
						 <div class="contentTbodySearchPriceFilterBlock">
						 <div id="goods-filter-price-slider"></div>
						 <!-- Фильтры по цене -->
						 <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
						 <div class="goodsFilterPriceSubmit">
							 <button class="btn btn-success" type="submit">Показать</button>
						 </div>
						 </div>
					 </div>
					 </div>
				 {% ENDIF %}
				 <!-- END Если есть возможность фильтрации товаров по ценам -->

<div class="sort-by">
				 <ul class="OrderFilterFormByURLs">
				 <!-- цене: Дорогие - Дешевые -->
				 {% IF GOODS_SEARCH_FIELD_ID=1 %}
					 <li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
				 <!-- цене: Дешевые - Дорогие -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
					 <li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
					 <li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
				 {% ENDIF %}
				 <!-- названию: А - я -->
				 {% IF GOODS_SEARCH_FIELD_ID=3 %}
					 <li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
				 <!-- названию: я - А -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
					 <li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
					 <li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
				 {% ENDIF %}
				 <!-- рейтингу: Хорошие - Плохие -->
				 {% IF GOODS_SEARCH_FIELD_ID=11 %}
					 <li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала плохие, затем хорошие">рейтингу</a></li>
				 <!-- рейтингу: Плохие - Хорошие -->
				 {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
					 <li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху плохие товары, снизу хорошие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала хорошие, затем плохие">рейтингу</a></li>
				 <!-- Сортировка отключена -->
				 {% ELSE %}
					 <li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
				 {% ENDIF %}
				 </ul>
				 <label>Сортировать по:</label>
			 </div>

<p class="amount visible-desktop">
				 <strong>{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
			 </p>

Если вам необходимо чтобы кнопка подробнее выглядела как кнопка в корзину, а саму кнопку с функционалом корзины удалить, то найдите:
<button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button>
					 <ul class="add-to-links">
						 <li><a href="{goods.URL | url_amp}" class="link-wishlist" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>
						
замените на:
  
 <ul class="add-to-links">
						  <li><a href="{goods.URL | url_amp}" class="btn btn-success2" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>


#5 YaОльга

YaОльга

    Пользователь

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

Отправлено 05 Декабрь 2014 - 13:59

1. Сейчас и телефон и скайп стали по центру как надо, а вот цвет скайпа остался серым, а хотелось бы его сделать тоже как и телефон на #CD6445, где мне это изменить?

1.1. Как поставить иконку перед тел. Картинку с изображением тел я сохранила на сайт в файлы, вот на нее ссылка http://st.zakka-ekb....506/257/tel.gif

2. Картинки поставить перед меню не получилось, вышло вот что (меню на данный момент.jpg), можно ли привести вот к такому виду (меню.gif)

3. А можно еще удалить рамку и полоски (3.jpg)

4. Во вкладке ТОВАР нашла:
<button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button>
                                         <ul class="add-to-links">
                                                 <li><a href="{goods.URL | url_amp}" class="link-wishlist" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>

заменила на:

<ul class="add-to-links">
                                                  <li><a href="{goods.URL | url_amp}" class="btn btn-success2" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>

и ничего не получилось, все осталось ка было

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

  • меню на данный момент.jpg
  • меню.gif
  • 3.jpg


#6 Danil

Danil

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

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

Отправлено 05 Декабрь 2014 - 19:14

Просмотр сообщенияYaОльга (05 Декабрь 2014 - 13:59) писал:

1. Сейчас и телефон и скайп стали по центру как надо, а вот цвет скайпа остался серым, а хотелось бы его сделать тоже как и телефон на #CD6445, где мне это изменить?

1.1. Как поставить иконку перед тел. Картинку с изображением тел я сохранила на сайт в файлы, вот на нее ссылка http://st.zakka-ekb....506/257/tel.gif

2. Картинки поставить перед меню не получилось, вышло вот что (меню на данный момент.jpg), можно ли привести вот к такому виду (меню.gif)

3. А можно еще удалить рамку и полоски (3.jpg)

4. Во вкладке ТОВАР нашла:
<button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button>
<ul class="add-to-links">
<li><a href="{goods.URL | url_amp}" class="link-wishlist" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>

заменила на:

<ul class="add-to-links">
  <li><a href="{goods.URL | url_amp}" class="btn btn-success2" title="Перейти на страницу информации о {goods.NAME}">Подробней</a></li>

и ничего не получилось, все осталось ка было
Здравствуйте.
1) В конец main.css добавьте
span.valignMiddle {
color: #CD6445;
}
1.1) В конец main.css вставьте код
span.phone-country-code {
background: url("{ASSETS_IMAGES_PATH}tel.gif") 0px 2px no-repeat;
padding-left: 20px;
}
2) На данный момент у вас некорректно указаны названия картинок в коде .gif
в main.css найдите и исправьте ошибку(у картинки должно быть название например nazv.jpg)
.menu_main > ul > li {background: url ('http://st.zakka-ekb.ru/9/1509/284/.gif') no-repeat left center;padding-left:15px;}
.menu_main > ul > li:nth-child(2n) {background: url ('http://st.zakka-ekb.ru/9/1509/285/.gif') no-repeat left center;padding-left:15px;}
3) В main.css найдите
.toolbar .sorter {}
и замените на
.toolbar .sorter {display:none;}
так же найдите
.pager {
padding: 9px 0px 9px 0;
margin: 0;
text-align: center;
border-bottom: 1px solid #EAEAEA;
}
и замените на
.pager {
padding: 9px 0px 9px 0;
margin: 0;
text-align: center;
}


#7 YaОльга

YaОльга

    Пользователь

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

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

Пункты 1 и 3 получилось. Спасибо большое!

А вот по 2 пункту исправила файл и ссылку указала корректно, но все-равно не получилось, помогите разобраться в чем причина!!!

И вы еще не написали по 4 пункту что делать.

#8 Vaccina

Vaccina

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

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

Отправлено 06 Декабрь 2014 - 00:56

2. У вас синтаксические ошибки в коде. В main.css найдите:
enu_main > ul > li {background: url ('http://st.sait.ru/11/1510/590/or.jpg') no-repeat; left center;padding-left:15px;}
.menu_main > ul > li:nth-child(2n) {background: url ('http://st.sait.ru/11/1510/590/or.jpg') no-repeat; left center;padding-left:15px;}

замените на:
enu_main > ul > li {background: url ('http://st.sait.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}
.menu_main > ul > li:nth-child(2n) {background: url ('http://st.sait.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}

в измененном коде измените sait на свой домен.

4.Данное изменение необходимо производить в шаблоне ТоварЫ

#9 YaОльга

YaОльга

    Пользователь

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

Отправлено 07 Декабрь 2014 - 16:37

Здравствуйте!
И и по 2 и по 4 пунктам все сделала как вы написали, но ничего не поменялось. Помогите, пожалуйста, разобраться?

#10 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 07 Декабрь 2014 - 16:58

Просмотр сообщенияYaОльга (07 Декабрь 2014 - 16:37) писал:

Здравствуйте!
И и по 2 и по 4 пунктам все сделала как вы написали, но ничего не поменялось. Помогите, пожалуйста, разобраться?
Здравствуйте.
2.В main.css замените
enu_main > ul > li {background: url ('http://st.zakka-ekb.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}
.menu_main > ul > li:nth-child(2n) {background: url ('http://st.zakka-ekb.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}
на
.menu_main ul li {background: url('http://st.zakka-ekb.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}
.menu_main ul li:nth-child(2n) {background: url('http://st.zakka-ekb.ru/11/1510/590/or.jpg') no-repeat left center;padding-left:15px;}
4. Рамки товаров у вас интересующего вас цвета (#CD6445)

#11 YaОльга

YaОльга

    Пользователь

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

Отправлено 08 Декабрь 2014 - 15:00

Здравствуйте! СПАСИБО, получилось вставить картинки перед меню, ура!!!

Но есть еще вопросы к вам, помогите, пожалуйста!

1.  прилагаю картинку (1.jpg)

2.  прилагаю картинку (2.jpg)

3.  прилагаю картинку (3.jpg)

4.  прилагаю картинку (4.jpg)

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg


#12 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 08 Декабрь 2014 - 16:03

Просмотр сообщенияYaОльга (08 Декабрь 2014 - 15:00) писал:

Здравствуйте! СПАСИБО, получилось вставить картинки перед меню, ура!!!

Но есть еще вопросы к вам, помогите, пожалуйста!

1.  прилагаю картинку (1.jpg)

2.  прилагаю картинку (2.jpg)

3.  прилагаю картинку (3.jpg)

4.  прилагаю картинку (4.jpg)
Здравствуйте.
1. В main.css добавьте
h4.hidden-phone {
color: #Cd6445;
}
h4.hidden-phone:hover {
color: #948F42;
}
2. В шаблоне HTML замените
<!-- Последние товары, просмотренные пользователем -->
			  {% IFNOT recently_viewed_goods_empty %}
				<div class="menu_main">
				  <a href="#" class="link_nav" title="Вы смотрели">Вы смотрели</a>
				  <a href="#" title="Вы смотрели" style="text-decoration: none"><h4 class="hidden-phone">Вы смотрели</h4></a>
на
<!-- Последние товары, просмотренные пользователем -->
			  {% IFNOT recently_viewed_goods_empty %}
				<div class="menu_main" id="see">
				  <a href="#" class="link_nav" title="Вы смотрели">Вы смотрели</a>
				  <a href="#" title="Вы смотрели" style="text-decoration: none"><h4 class="hidden-phone">Вы смотрели</h4></a>
и
<!-- END Последние товары, просмотренные пользователем -->
			  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				<div class="menu_main">
				  <a href="#" class="link_nav" title="Новости">Новости</a>
				  <a href="{NEWS_ALL_URL}" title="Новости" style="text-decoration: none"><h4 class="hidden-phone">Новости</h4></a>
				  <ul>
					{% FOR news_list_all %}
					  <li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
					{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDIF %}
			  <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				<div class="menu_main">
				  <a href="#" class="link_nav" title="Новости">Новости</a>
на
<!-- END Последние товары, просмотренные пользователем -->
			  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				<div class="menu_main" id="news">
				  <a href="#" class="link_nav" title="Новости">Новости</a>
				  <a href="{NEWS_ALL_URL}" title="Новости" style="text-decoration: none"><h4 class="hidden-phone">Новости</h4></a>
				  <ul>
					{% FOR news_list_all %}
					  <li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
					{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDIF %}
			  <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				<div class="menu_main" id="news">
				  <a href="#" class="link_nav" title="Новости">Новости</a>
после чего в main.css добавьте
#see ul li {
background: none;
}
#news ul li {
background: none;
}
3. В main.css замените
.product-name a {
font-size: 12px;
}
на
.product-name a {
font-size: 12px;
color: #693025;
}
и
.price {
white-space: nowrap !important;
line-height: normal;
color: #000;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
}
на
.price {
white-space: nowrap !important;
line-height: normal;
color: #693025;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
}
после чего
.num {
font-family: helvetica;
font-style: italic;
color: #e9077c;
white-space: nowrap;
}
замените на
.num {
font-family: helvetica;
font-style: italic;
color: #Cd6445;
white-space: nowrap;
}
потом
.btn-success2 {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #000;
}
замените на
.btn-success2 {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #693025;
}
и
.btn-success2:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: #fff;
background-color: #5bb75b;
}
замените на
.btn-success2:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: #fff;
background-color: #948F42;
}
после этого в описании товара щелкнув на редактирование фото выберите нужное основным.
4. В main.css замените
.btn-success {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #5bb75b;
}
на
.btn-success {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #963025;
}
и
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: #fff;
background-color: #000;
}
на
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: #fff;
background-color: #948F42;
}
затем добавьте
#span12-dostavka {
display: none;
}
в редактировании товара заполните поле Полное описание
после этого в main.css замените
h3 {
font-size: 16px;
line-height: 25px;
padding: 1em 0;
}
на
h3 {
font-size: 16px;
line-height: 25px;
padding: 1em 0;
color: #693025;
}
и
.htmlDataBlock {
font-size: 1.2em;
overflow: hidden;
}
замените на
.htmlDataBlock {
font-size: 1.2em;
overflow: hidden;
color: #693025;
}


#13 YaОльга

YaОльга

    Пользователь

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

Отправлено 09 Декабрь 2014 - 08:01

Добрый день! Видимо я как-то не правильно объяснила, сделала по другому, посмотрите и помогите, пожалуйста!

1. прилагаю картинку (1.jpg)


2. прилагаю картинку (2.jpg)

3. прилагаю картинку (3.jpg)

4. прилагаю картинку (4.jpg)

5. прилагаю картинку (5.jpg)

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg


#14 MikDark

MikDark

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

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

Отправлено 09 Декабрь 2014 - 09:49

Просмотр сообщенияYaОльга (09 Декабрь 2014 - 08:01) писал:

Добрый день! Видимо я как-то не правильно объяснила, сделала по другому, посмотрите и помогите, пожалуйста!

1. прилагаю картинку (1.jpg)


2. прилагаю картинку (2.jpg)

3. прилагаю картинку (3.jpg)

4. прилагаю картинку (4.jpg)

5. прилагаю картинку (5.jpg)


1) В шаблон main.css добавьте:
ul.add-to-links {
display: none;
}

2) В шаблоне Товары найдите код:
<button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button>

и замените в нем надпись на нужную.

3) В шаблоне Товар вырежьте код:
<!-- Блок описания товара. Показываем его если есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3 style="padding-top:1em;">{GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его если есть описание товара -->		   
  <!-- Короткое SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
	<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
	  {GOODS_SEO_DESCRIPTION_SHORT}
	</div>
  {% ENDIF %}
  <!-- END Короткое SEO-описание -->
  <!-- Полное SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
	<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
	  {GOODS_SEO_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Полное SEO-описание -->

и поставьте его после блока:
		<!-- Блок описания модификации -->
		<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		  <div class="htmlDataBlock">
			{GOODS_MOD_DESCRIPTION}
		  </div>
		</div>

4) Из кода выше удалите строку:
   <h3 style="padding-top:1em;">{GOODS_NAME}</h3>

5) В шаблон main.css добавьте:
.page-title h1 {color: #693025 !important;}


#15 YaОльга

YaОльга

    Пользователь

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

Отправлено 09 Декабрь 2014 - 11:04

Спасибо ОГРОМНОЕ!!! Все получилось!!!

А как теперь сделать:

1. чтобы на странице товаров при нажатии на кнопку подробней заходить не в корзину, а на страницу товара.

2. прилагаю картинку (2.jpg)

3. Подскажите, можно ли привести к такому виду, прилагаю картинку (3.jpg)

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

  • 2.jpg
  • 3.jpg


#16 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2014 - 00:53

1. В шаблоне Товары найдите:
<button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;">Подробней</button>
замените на:
<a href="{goods.URL | url_amp}" class="btn btn-success2" title="Перейти на страницу информации о {goods.NAME}">Подробней</a>

2.В bootstrap.min.css найдите:
.btn-success2 {
	background-color: #000;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success2:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background-color: #5bb75b;
	color: #fff;
}

измените значение background-color

3.В шаблоне товар найдите:
<button type="button" title="Положить в корзину" class="btn btn-success"  onclick="$('.goodsDataForm').submit()"><i class="icon-ok icon-white"></i>&nbsp;Добавить в корзину</button>
			   
замените на:
<button type="button" title="Положить в корзину" class="btn buy btn-success"  onclick="$('.goodsDataForm').submit()"></button>
			   

В main.css вставьте:
.buy{
background:url('ссылка на иконку') no-repeat left center;
width:30px;
height:30px;
}
не забудьте сменить ссылка на иконку

#17 YaОльга

YaОльга

    Пользователь

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

Отправлено 10 Декабрь 2014 - 10:52

1. Прилагаю картинку (1.jpg)

2. Прилагаю картинку (2.jpg)

3. Прилагаю картинку (3.jpg)

4. Прилагаю картинку (4.jpg)

5. Прилагаю картинку (5.jpg)

6. Прилагаю картинку (6.jpg)

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg
  • 6.jpg


#18 Taisia

Taisia

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

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

Отправлено 10 Декабрь 2014 - 12:03

1. Убрали вывод повторного заголовка в карточке товара.
заменили код

  <h3 style="padding-top:1em;">{GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">

на код

  
	<div class="htmlDataBlock" style="overflow:visible !important;" itemprop="description">

2. что бы изменить цвет в коней файла стилей main.css добавьте код

.goodsDataMainModificationAvailable p {
	color: red;
}

замените параметр     color: red; на нужный вам

#19 Taisia

Taisia

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

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

Отправлено 10 Декабрь 2014 - 12:11

3. так же в файл стилей в конец добавьте код

.goodsDataMainModificationsBlockProperty {
	color: red;
}
.goodsDataMainModificationsBlockProperty select {
	color: red;
}

первая строка для цвета цены

вторая для пунктов выпадающего списка.
меняйте параметр на нужный вам цвет

4. В конец файла стилей добавьте код

.goodsDataMainImageZoom a {
	color: red;
}
.span12 h5 {
	color: red;
}

первая срока отвечает за цвет текста "Увеличить..."

вторая за "другие.."

#20 YaОльга

YaОльга

    Пользователь

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

Отправлено 10 Декабрь 2014 - 15:55

5. Прилагаю картинку (5.jpg)

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

  • 5.jpg





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

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