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


Как Менять Внешние Атрибуты Сайта


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

#21 miyako

miyako

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

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

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

Найдите в коде строки:
style=" float: left; position: absolute;"
и замените на:
style=" float: left; position: absolute; display:block;"


#22 Ivan_M

Ivan_M

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

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

Отправлено 03 Апрель 2013 - 14:04

Подскажите как сделать под  "В КОРЗИНЕ ТОВАРОВ НА: х руб."  кнопку "перейти в корзину"?
Безымянный555.JPG

Просмотр сообщенияIvan_M (03 Апрель 2013 - 11:42) писал:

Как добавить вместо ссылок "Перейти в корзину" и "Продолжить покупки" на всплывающем окошке при добавлении товара в корзину кнопки: (пример в картинке)Прикрепленный файл Безымянный444.JPG

прошу еще ответить на этот вопрос

#23 Koderhan

Koderhan

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

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

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

Просмотр сообщенияIvan_M (03 Апрель 2013 - 14:04) писал:

Подскажите как сделать под  "В КОРЗИНЕ ТОВАРОВ НА: х руб."  кнопку "перейти в корзину"?
Прикрепленный файл Безымянный555.JPG



прошу еще ответить на этот вопрос
Чтобы добавить кнопку под корзину.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

#cartInfo .b1 {
	color: gray;/*цвет текста*/
	border-radius: 4px;/*радиус закругления */
	background-color: #FFF;/*цвет фона*/
	padding: 2px 0px 2px 0px;
	width: 125px;
	cursor: pointer;
	text-align:center;
}
#cartInfo .b1:hover {/*стили при наведение курсора*/
	color: blue;
	border-radius: 4px;
	background-color: #DDD;
	padding: 2px 0px 2px 0px;
	width: 125px;
	cursor: pointer;
}
В файле "HTML".
После кода.
   <!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="red">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span>{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
Добавить:
<div class="b1">Перейти в корзину</div>

Для кнопок в сплывающем окне.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.messageBoxToCart {/*Стили для перейти в корзину*/
	height: 40px;
	display: inline-block;
	line-height: 3;
	padding: 0px 31px;
	background: url(адрес до изобра);
}
.nyroModalClose {/*стили для продолжить покупку*/
	height: 40px;
	display: inline-block;
	line-height: 3;
	padding: 0px 31px;
	background: url(адрес до изобра);
}
Вам нужно будет вставить адреса картинок для кнопок.
Высотой кнопки не более 40px

#24 Ivan_M

Ivan_M

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

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

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

Просмотр сообщенияKoderhan (03 Апрель 2013 - 15:22) писал:

Чтобы добавить кнопку под корзину.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

#cartInfo .b1 {
color: gray;/*цвет текста*/
border-radius: 4px;/*радиус закругления */
background-color: #FFF;/*цвет фона*/
padding: 2px 0px 2px 0px;
width: 125px;
cursor: pointer;
text-align:center;
}
#cartInfo .b1:hover {/*стили при наведение курсора*/
color: blue;
border-radius: 4px;
background-color: #DDD;
padding: 2px 0px 2px 0px;
width: 125px;
cursor: pointer;
}
В файле "HTML".
После кода.
<!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span class="red">0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span>{cart_sum.NOW | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span>
Добавить:
<div class="b1">Перейти в корзину</div>

Для кнопок в сплывающем окне.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.messageBoxToCart {/*Стили для перейти в корзину*/
height: 40px;
display: inline-block;
line-height: 3;
padding: 0px 31px;
background: url(адрес до изобра);
}
.nyroModalClose {/*стили для продолжить покупку*/
height: 40px;
display: inline-block;
line-height: 3;
padding: 0px 31px;
background: url(адрес до изобра);
}
Вам нужно будет вставить адреса картинок для кнопок.
Высотой кнопки не более 40px

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

#25 support 2.0

support 2.0

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

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

Отправлено 03 Апрель 2013 - 18:55

Просмотр сообщенияIvan_M (03 Апрель 2013 - 18:47) писал:

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

Вам нужно загрузить эти изображения с компьютера на сайт через бэк-офис -> раздел Сайт -> редактор тем -> файлы. Или через раздел Сайт -> файлы. После загрузки скопируйте ссылки на эти изображения и вставьте куда Вам нужно

#26 Ivan_M

Ivan_M

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

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

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

как сделать кнопки высотой не более 40px?

#27 Ivan_M

Ivan_M

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

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

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

вот результат, наложение Безымянный1212.JPG

#28 Ivan_M

Ivan_M

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

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

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

Просмотр сообщенияsupport 2.0 (03 Апрель 2013 - 18:55) писал:

Вам нужно загрузить эти изображения с компьютера на сайт через бэк-офис -> раздел Сайт -> редактор тем -> файлы. Или через раздел Сайт -> файлы. После загрузки скопируйте ссылки на эти изображения и вставьте куда Вам нужно

Получилось наложение, как исправить?

#29 Сake

Сake

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

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

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

Добавьте в ваше файл стилей main.css

.messageBoxToCart, .nyroModalClose {
   width: 130px;
   text-indent: -9999px;
}
.nyroModalClose {
   width: 150px;
}


#30 Ivan_M

Ivan_M

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

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

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

А как сделать, что бы при нажатии на "оформить заказ" был переход к странице оформления заказа, а не корзины?

#31 miyako

miyako

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

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

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

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

А как сделать, что бы при нажатии на "оформить заказ" был переход к странице оформления заказа, а не корзины?
То есть, когда вы уже положите товар и находитесь в корзине при нажатии на "Оформить заказ" вы попадаете снова в Корзину?

#32 Ivan_M

Ivan_M

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

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

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

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

То есть, когда вы уже положите товар и находитесь в корзине при нажатии на "Оформить заказ" вы попадаете снова в Корзину?

Безымянный6767.JPG

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

#33 Koderhan

Koderhan

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

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

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

Предварительно создав резервную копию шаблона.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.messageBoxToCart {
	background-color: white;
	border: 0px;
	color: #09C;
}

Заменить весь код файла "Ajax добавление товара в корзину":


<div class="alignCenter">
  {% IF FORM_NOTICE %}<h3 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h3>{% ENDIF %}
  <p>Сейчас в корзине товаров 
  <strong class="newCartCount">
	{% IF cart_count_empty %}
	  <span class="red">0</span> шт.
	{% ELSE %}
	  {% FOR cart_count %}
		{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %}
  </strong>
  на сумму 
  <strong class="newCartSum">
	{% IF cart_count_empty %}
	  <span class="red">0</span> {CURRENCY_NAME}.
	{% ELSE %}
	  {% FOR cart_sum %}
		{cart_sum.NOW | money_format}.<br />
	  {% ENDFOR %}
	{% ENDIF %}
  </strong>
  </p>
<form action="http://{NET_DOMAIN}/cart" method="post" class="cartForm">
  <input type="hidden" name="hash" value="{HASH}">
  <input class="more-link" type="submit"  >

  <p>Вы можете перейти к оформлению заказа или продолжить покупки.</p>
  <p><input type="submit" class="messageBoxToCart" name="next_step" value="Оформить заказ" /> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a></p>
</form>
</div>

<!-- Обновление данных корзины -->
<script>
$('#cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>


#34 Ivan_M

Ivan_M

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

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

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

Как поменять цвет подкатегорий в "Каталог товаров" и "Статьи" - левый столбе на сайте http://homeartshop.ru/catalog

Где найти блок похожие товары?

1.Как поменять размер номера телефона на сайте, включая "+7"?
2. Как поменять его цвет?

#35 Koderhan

Koderhan

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

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

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTbodyCatalogHeader {
font-size: 18px;/*размер шрифта*/
}

Цитата

1.Как поменять размер номера телефона на сайте, включая "+7"?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTableHeadMainPhone {
font-size: 15px;/*размер шрифта*/
}


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.contactInfoContentCountryCode {color:#BE9E4C;}
Заменить:
.contactInfoContentCountryCode {color: inherit;}

Цитата

2. Как поменять его цвет?



Добавить в конец файла код:

.contentTableHeadMainPhone {
color: #1A4D11;
}


#36 Ivan_M

Ivan_M

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

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

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

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTbodyCatalogHeader {
font-size: 18px;/*размер шрифта*/
}


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTableHeadMainPhone {
font-size: 15px;/*размер шрифта*/
}


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.contactInfoContentCountryCode {color:#BE9E4C;}
Заменить:
.contactInfoContentCountryCode {color: inherit;}



Добавить в конец файла код:

.contentTableHeadMainPhone {
color: #1A4D11;
}

это что делает, ниче не поменялось??

#37 Koderhan

Koderhan

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

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

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

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

это что делает, ниче не поменялось??
Вообще ничего не поменялось? На вашем нету измененного кода.

#38 Ivan_M

Ivan_M

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

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

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

A.Как поменять цвет подкатегорий в "Каталог товаров" и "Статьи" - левый столбе на сайте http://homeartshop.ru/catalog

Б.Где найти блок похожие товары?


#39 support 2.0

support 2.0

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

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

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

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

A.Как поменять цвет подкатегорий в "Каталог товаров" и "Статьи" - левый столбе на сайте http://homeartshop.ru/catalog

Б.Где найти блок похожие товары?


К каждому товару Вы можете добавить сопутствующие товары. Добавить их можно в редактировании каждого товара. Увидеть их можно будет на сайте в карточке данного товара, куда Вы добавили их.

по поводу каталога, то Вы можете сделать следующее:
замените код Вашего каталога в шаблоне HTML:
<!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->
на этот
<!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			   <ul id="subNavigation">
		 {%IFNOT catalog_full_empty %}
		 {% FOR catalog_full %}
				 {% IFNOT catalog_full.HIDE %}
				 {% IF catalog_full.FIRST %}<ul>{% ENDIF %}
						 <li class="{% IF catalog_full.CURRENT %} selected{% ENDIF %}">
						 <a href="{catalog_full.URL}"
						 {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog_full.NAME} {% IFNOT catalog_full.ISSET_SUB %}<span style="color:gray;">({catalog_full.GOODS_COUNT} )</span>{% ENDIF %}</a>
				 </li>
						 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}
		 </ul><br />
		  <!-- end Каталог -->

Таким образом подкатегории будут выделены и отделены от категорий.

#40 Ivan_M

Ivan_M

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

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

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

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

  • 123123.JPG





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

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