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


Значок Корзины

Автор Nana, 24 марта 2013 22:06

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

#1 Nana

Nana

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

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

Отправлено 24 Март 2013 - 22:06

Добрый вечер.
Помогите, пожалуйста, сдвинуть значок корзины в правый верхний угол.
Также хотелось бы, чтобы вместо
"В корзине товаров на :....руб"  отображалось бы количество:
"В корзине ... товаров на сумму ... рублей"

#2 Alvel007

Alvel007

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

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

Отправлено 24 Март 2013 - 22:07

Какой шаблон вы используете?

#3 Nana

Nana

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

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

Отправлено 24 Март 2013 - 22:09

Сияние

#4 Nana

Nana

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

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

Отправлено 24 Март 2013 - 22:19

Хочу чтобы значок корзины находился бы на одном уровне с поиском но как можно правее.

#5 Alvel007

Alvel007

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

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

Отправлено 24 Март 2013 - 22:45

Я думаю, эта тема должна вам помочь. Лично мне помогла.
http://forum.storela...ь-корзину-ниже/

#6 Nana

Nana

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

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

Отправлено 24 Март 2013 - 22:53

Сразу пишу второй вопрос (хотя уже писала об этом...)
В зависимости от браузера, различается отображение контактных данных (телефон, график работы). В Chrome, Opera, на планшете располагается где и надо (в верхнем левом углу, сразу под шапкой), а вот к примеру в Firefox это выглядит вот так:
http://i.imgur.com/QTPanSP.png

Просмотр сообщенияAlvel007 (24 Март 2013 - 22:45) писал:

Я думаю, эта тема должна вам помочь. Лично мне помогла.
http://forum.storela...ь-корзину-ниже/

Спасибо, ....но речь не о надписи, помимо надписи, а о значке корзины (иконка)

#7 Alvel007

Alvel007

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

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

Отправлено 24 Март 2013 - 22:59

Иконка нарисована на самом рисунке шапки )) Редактируется в текстовом редавторе. )) Ну а в файлах стиля ищите header_page.png

#8 Nana

Nana

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

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

Отправлено 24 Март 2013 - 23:08

Иконка корзины вот : http://s629381.store...t/cart.png?0486
как видите, она к шапке не имеет никакого отношения.
Вы можете мне помочь сдвинуть ее вправо?

Просмотр сообщенияAlvel007 (24 Март 2013 - 22:59) писал:

Иконка нарисована на самом рисунке шапки )) Редактируется в текстовом редавторе. )) Ну а в файлах стиля ищите header_page.png

Я эту тему жую уже 2 дня....))), мне наверное проще отказаться от этой идеи и оставить просто текстовую надпись "В корзине..."
Что то молчат модераторы...

посмотрите, пожалуйста, http://s629381.storeland.ru/

#9 miyako

miyako

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

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

Отправлено 25 Март 2013 - 13:09

Просмотр сообщенияnana (24 Март 2013 - 23:08) писал:

Иконка корзины вот : http://s629381.store...t/cart.png?0486
как видите, она к шапке не имеет никакого отношения.
Вы можете мне помочь сдвинуть ее вправо?



Я эту тему жую уже 2 дня....))), мне наверное проще отказаться от этой идеи и оставить просто текстовую надпись "В корзине..."
Что то молчат модераторы...

посмотрите, пожалуйста, http://s629381.storeland.ru/
Для того, чтобы сдвинуть значок корзины Вам нужно найти код в HTML(примерно такой код, ищите по слову "cart"):
<a href="http://s629381.storeland.ru/cart" ><img src="http://s629381.storeland.net/cart.png"></a>
И прописать в него стили:
<a href="http://s629381.storeland.ru/cart" style="
	position: relative;
	float: right;
	margin-right: 48px; /*регулирование расположения иконки*/
"><img src="http://s629381.storeland.net/cart.png"></a>

Какие еще у вас остались вопросы нерешенные?

#10 Nana

Nana

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

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

Отправлено 25 Март 2013 - 13:28

Просмотр сообщенияmiyako (25 Март 2013 - 13:09) писал:

Для того, чтобы сдвинуть значок корзины Вам нужно найти код в HTML(примерно такой код, ищите по слову "cart"):
<a href="http://s629381.storeland.ru/cart" ><img src="http://s629381.storeland.net/cart.png"></a>
И прописать в него стили:
<a href="http://s629381.storeland.ru/cart" style="
position: relative;
float: right;
margin-right: 48px; /*регулирование расположения иконки*/
"><img src="http://s629381.storeland.net/cart.png"></a>

Какие еще у вас остались вопросы нерешенные?

Добрый день.
Спасибо за ответ, я попробую сейчас поменять ...

Второй вопрос мой связан с отображением в браузерах, я писала об этом выше:

Сразу пишу второй вопрос (хотя уже писала об этом...)
В зависимости от браузера, различается отображение контактных данных (телефон, график работы). В Chrome, Opera, на планшете располагается где и надо (в верхнем левом углу, сразу под шапкой), а вот к примеру в Firefox это выглядит вот так:
http://i.imgur.com/QTPanSP.png


В результате прлисходит  наложение

#11 miyako

miyako

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

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

Отправлено 25 Март 2013 - 13:39

Просмотр сообщенияnana (25 Март 2013 - 13:28) писал:

Добрый день.
Спасибо за ответ, я попробую сейчас поменять ...

Второй вопрос мой связан с отображением в браузерах, я писала об этом выше:

Сразу пишу второй вопрос (хотя уже писала об этом...)
В зависимости от браузера, различается отображение контактных данных (телефон, график работы). В Chrome, Opera, на планшете располагается где и надо (в верхнем левом углу, сразу под шапкой), а вот к примеру в Firefox это выглядит вот так:
http://i.imgur.com/QTPanSP.png


В результате прлисходит  наложение

Найдите код:
#contactInfo {
color: #442d25;
position: absolute;
font: font-size:1.1em;
font: Castellar;
top: 60px;
left: 770px;
}
и замените на:
#contactInfo {
color: #442d25;
position: absolute;
font: font-size:1.1em;
font: Castellar;
top: 60px;
}

Найдите код:
.contentTableHeadMainWorkTime {
font-family: Georgia;
font-size: 14px;
left: -770px;
bottom: -50px;
position: relative;
}
и замените на:
.contentTableHeadMainWorkTime {
font-family: Georgia;
font-size: 14px;
bottom: -50px;
position: relative;
}


Найдите код:
.contentTableHeadMainPhone {
font-family: Georgia;
font-size: 20px;
left: -770px;
bottom: -50px;
position: relative;
}
и замените на:
.contentTableHeadMainPhone {
font-family: Georgia;
font-size: 20px;
bottom: -50px;
position: relative;
}

#12 support 2.0

support 2.0

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

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

Отправлено 25 Март 2013 - 13:39

Просмотр сообщенияnana (24 Март 2013 - 22:06) писал:

Добрый вечер.
Помогите, пожалуйста, сдвинуть значок корзины в правый верхний угол.
Также хотелось бы, чтобы вместо
"В корзине товаров на :....руб"  отображалось бы количество:
"В корзине ... товаров на сумму ... рублей"

в файле main.css найдите блок
#cartInfo {
font-size: 13px;
overflow: hidden;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 500px;
}
измените на
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 460px;
}


теперь в шаблоне HTML найдите код Вашей корзины
	 <!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span>0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span class="num">{cart_sum.NOW | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span><a href="http://s629381.storeland.ru/cart"><img src="http://s629381.storeland.net/cart.png" ></a>
	 </div>
	 <!-- end Корзина -->
измените его на
	
	 <!-- Корзина -->
	 <div id="cartInfo">
		 <table>
			 <tr>
			 <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td>
			 <td><a href="{CART_URL}" class="underline"> Товаров в корзине</a>:</td>
			 <td id="cartCount">
				 {% 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 %}
			 </td>
			 </tr>
			 <tr>
			 <td><a href="{CART_URL}" class="underline"> На общую сумму</a>:</td>
			 <td id="cartSum">
				 {% IF cart_count_empty %}
				 <span class="red">0</span> {CURRENCY_NAME}
				 {% ELSE %}
				 {% FOR cart_sum %}
					 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 </tr>
		 </table>		 <a href="{ASSETS_IMAGES_PATH}cart"style="position: relative;float: right;margin-top: -75px; /*регулирование расположения иконки*/"><img src="http://s629381.storeland.net/cart.png" ></a>
	 </div>
	 <!-- end Корзина -->

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

  • ScreenShot 196.png

#13 Nana

Nana

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

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

Отправлено 25 Март 2013 - 22:50


#14 Nana

Nana

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

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

Отправлено 25 Март 2013 - 22:57

Просмотр сообщенияsupport 2.0 (25 Март 2013 - 13:39) писал:

в файле main.css найдите блок
#cartInfo {
font-size: 13px;
overflow: hidden;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 500px;
}
измените на
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 460px;
}

теперь в шаблоне HTML найдите код Вашей корзины
	 <!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span>0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span class="num">{cart_sum.NOW | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span><a href="http://s629381.storeland.ru/cart"><img src="http://s629381.storeland.net/cart.png" ></a>
	 </div>
	 <!-- end Корзина -->
измените его на
	
	 <!-- Корзина -->
	 <div id="cartInfo">
		 <table>
			 <tr>
			 <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td>
			 <td><a href="{CART_URL}" class="underline"> Товаров в корзине</a>:</td>
			 <td id="cartCount">
				 {% 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 %}
			 </td>
			 </tr>
			 <tr>
			 <td><a href="{CART_URL}" class="underline"> На общую сумму</a>:</td>
			 <td id="cartSum">
				 {% IF cart_count_empty %}
				 <span class="red">0</span> {CURRENCY_NAME}
				 {% ELSE %}
				 {% FOR cart_sum %}
					 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 </tr>
		 </table>		 <a href="{ASSETS_IMAGES_PATH}cart"style="position: relative;float: right;margin-top: -75px; /*регулирование расположения иконки*/"><img src="http://s629381.storeland.net/cart.png" ></a>
	 </div>
	 <!-- end Корзина -->


Спасибо, но все равно не там значок... посмотрите, он практически на шапке. Плюс надпись в корзине сдвинулась http://s629381.storeland.ru/

И еще если возможно откройте ссылку в Firefox.там вообще беда...
Я хотела бы достичь этого результата http://i.imgur.com/CB1in9q.jpg

Помогите, пожалуйста, сдвинуть на место и значок корзины ВМЕСТЕ с надписью "В корзине "
и в Firefox номера телефонов сдвинуть справа налево, так как они прямо на корзине располагаются (Это при том, что вообще то номера и график работы у меня в левом верхнем углу!!!) см.ссылку))

#15 Сake

Сake

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

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

Отправлено 26 Март 2013 - 02:28

Вам ответили по почте.

#16 support 2.0

support 2.0

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

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

Отправлено 26 Март 2013 - 13:37

Просмотр сообщенияnana (25 Март 2013 - 22:57) писал:

Спасибо, но все равно не там значок... посмотрите, он практически на шапке. Плюс надпись в корзине сдвинулась http://s629381.storeland.ru/


можете измените в файле, main.css блок
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 460px;
}

на
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 100px;
position: absolute;
right: 0;
left: 460px;
}

или увеличить отступ сверху еще больше, увеличивая значения в строчке этого блока
margin-top: 100px;

#17 Nana

Nana

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

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

Отправлено 26 Март 2013 - 19:45

Просмотр сообщенияsupport 2.0 (26 Март 2013 - 13:37) писал:

[/size]

можете измените в файле, main.css блок
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 70px;
position: absolute;
right: 0;
left: 460px;
}
на
#cartInfo {
font-size: 13px;
height: 140px;
width: 400px;
margin-top: 100px;
position: absolute;
right: 0;
left: 460px;
}

или увеличить отступ сверху еще больше, увеличивая значения в строчке этого блока
margin-top: 100px;


Спасибо, сейчас более или менее встало на место.
А как быть с отображением в Firefox?

#18 Сake

Сake

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

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

Отправлено 27 Март 2013 - 01:34

Вам необходимо в файле стилей main.css найти 

#contactInfo {
	color: #442D25;
	left: 770px;
	position: absolute;
	top: 60px;
}

и заменить на 

#contactInfo {
	color: #442D25;
	left: 0;
	position: absolute;
	top: 110px;
}

#19 Nana

Nana

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

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

Отправлено 27 Март 2013 - 08:40

Просмотр сообщенияСake (27 Март 2013 - 01:34) писал:

Вам необходимо в файле стилей main.css найти 

#contactInfo {
	color: #442D25;
	left: 770px;
	position: absolute;
	top: 60px;
}

и заменить на 

#contactInfo {
	color: #442D25;
	left: 0;
	position: absolute;
	top: 110px;
}

Да, верно, блок контакты и график появляются в левом верхнем углу при отображении в Firefox.
Но во всех остальных браузерах его ВООБЩЕ НЕТ! Пусто))))
Как же выйти из ситуации?

#20 miyako

miyako

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

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

Отправлено 27 Март 2013 - 08:58

Просмотр сообщенияnana (27 Март 2013 - 08:40) писал:

Да, верно, блок контакты и график появляются в левом верхнем углу при отображении в Firefox.
Но во всех остальных браузерах его ВООБЩЕ НЕТ! Пусто))))
Как же выйти из ситуации?

Попробуйте воспользоваться этим сообщением - http://forum.storela...ины/#entry54562
Обратно в Шаблон Сияние


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

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

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