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


Помогите Пожалуйста С Корзиной И Поиском

дизайн

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

#21 sengun

sengun

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

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

Отправлено 20 Июль 2013 - 14:21

После этого в 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>
	 </div>
	 <!-- end Корзина -->
на этот
<!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}"><div>в корзине</div><div>товаров на:</div>
	 <div 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 %}
	 </div></a>
	 </div>
	 <!-- end Корзина -->
А в main.css код
/*cartInfo*/
#cartInfo {z-index: 2;
position:absolute;
font-size: 13px;
top: 245px;
right: 0;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
text-align: right;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
padding:5px 0px 5px 45px;
}
/*cartInfo*/
замните на этот
/*cartInfo*/
#cartInfo {z-index: 2;
position:absolute;
font-size: 13px;
top: 215px;
right: 0;
white-space:nowrap;
overflow:hidden;
height:70px;
width: 250px;
background: url({ASSETS_IMAGES_PATH}wnd_imgBasket.jpg) no-repeat left top;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
padding:5px 0px 5px 45px;
}
#cartInfo div {
padding-left: 110px;
}
/*cartInfo*/
Где wnd_imgBasket.jpg - имя картинки. И будет такая корзина 20-07-2013 15-16-39.png

#22 Артур

Артур

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

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

Отправлено 20 Июль 2013 - 20:03

Здравствуйте! подскажите пожалуйста как сократить это расстояние скрин прилагаю 1374339649343ПОДНЯТЬ.jpg

#23 Артур

Артур

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

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

Отправлено 20 Июль 2013 - 20:30

помогите пожалуйста как это сделать!!  чтобы оформление заказа был в один шаг скрин1374341089921ОФОРМЕНИЕ.jpg прилагаю

#24 sengun

sengun

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

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

Отправлено 20 Июль 2013 - 21:32

Просмотр сообщенияАртур (20 Июль 2013 - 20:03) писал:

Здравствуйте! подскажите пожалуйста как сократить это расстояние скрин прилагаю Прикрепленный файл 1374339649343ПОДНЯТЬ.jpg
В main.css в описании
#logo
параметру height задайте значение 125px;
И придется поднять немного корзину. В описании
#cartInfo
параметру top задайте значение 170px;

Просмотр сообщенияАртур (20 Июль 2013 - 20:30) писал:

помогите пожалуйста как это сделать!!  чтобы оформление заказа был в один шаг скринПрикрепленный файл 1374341089921ОФОРМЕНИЕ.jpg прилагаю
В один не получится. Можно либо в 2 шага http://forum.storela...2-шага-решение/
либо поставить кнопку "заказ в 1 клик" http://forum.storela...нопкой-корзина/

#25 Артур

Артур

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

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

Отправлено 20 Июль 2013 - 21:41

Просмотр сообщенияsengun (20 Июль 2013 - 21:32) писал:

В main.css в описании
#logo
параметру height задайте значение 125px;
И придется поднять немного корзину. В описании
#cartInfo
параметру top задайте значение 170px;В один не получится. Можно либо в 2 шага http://forum.storela...2-шага-решение/
либо поставить кнопку "заказ в 1 клик" http://forum.storela...нопкой-корзина/
спасибо получилось! с шапкой!

#26 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 00:57

Доброй ночи ! хотелось бы поднять кнопки слайдера выше впритык !!  и товар на главной подтянуть выше к кнопкам!  скрин прилагаю!1374357355875СКРИН.jpg

#27 miyako

miyako

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

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

Отправлено 21 Июль 2013 - 09:55

Просмотр сообщенияАртур (21 Июль 2013 - 00:57) писал:

Доброй ночи ! хотелось бы поднять кнопки слайдера выше впритык !!  и товар на главной подтянуть выше к кнопкам!  скрин прилагаю!Прикрепленный файл 1374357355875СКРИН.jpg

Найдите код в nyvo.css:
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените на:
.theme-default .nivo-controlNav {
text-align: center;
padding: 0;
margin-bottom: -13px;
}

и найдите код:
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените на:
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 11px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#28 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 12:00

Просмотр сообщенияmiyako (21 Июль 2013 - 09:55) писал:

Найдите код в nyvo.css:
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените на:
.theme-default .nivo-controlNav {
text-align: center;
padding: 0;
margin-bottom: -13px;
}

и найдите код:
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените на:
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 11px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
спасибо всё получилось)))

#29 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 12:18

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

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

  • 1374397812609слайдер.jpg


#30 support 2.0

support 2.0

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

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

Отправлено 21 Июль 2013 - 13:03

Просмотр сообщенияАртур (21 Июль 2013 - 12:18) писал:

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

Попробуйте поставить код слайдера после
<div class="content_page">


#31 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 13:18

Просмотр сообщенияsupport 2.0 (21 Июль 2013 - 13:03) писал:

Попробуйте поставить код слайдера после
<div class="content_page">
не получилось) слайдер стал большим и съехало всё)

#32 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 13:35

Просмотр сообщенияАртур (21 Июль 2013 - 13:18) писал:

не получилось) слайдер стал большим и съехало всё)
подскажите пожалуйста может что то не то сделал?

#33 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 15:21

Просмотр сообщенияsupport 2.0 (21 Июль 2013 - 13:03) писал:

Попробуйте поставить код слайдера после
<div class="content_page">
к сожалению не получилось(

#34 Stasya

Stasya

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

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

Отправлено 21 Июль 2013 - 15:30

Вставьте код слайдера сразу после строки
<td class="content_body cont700">
А  заголовок страницы Вы вообще хотите убрать?

#35 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 15:41

Просмотр сообщенияStasya (21 Июль 2013 - 15:30) писал:

Вставьте код слайдера сразу после строки
<td class="content_body cont700">
А  заголовок страницы Вы вообще хотите убрать?
вот слайдер стал на место как надо было) спасибо! да . хотел убрать заголовок страницы !

#36 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 19:06

Здравствуйте! как это сделать? скрин прилагаю1374422625640ВВВАВАВА.jpg

#37 Stasya

Stasya

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

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

Отправлено 21 Июль 2013 - 19:17

Просмотр сообщенияАртур (21 Июль 2013 - 15:41) писал:

вот слайдер стал на место как надо было) спасибо! да . хотел убрать заголовок страницы !
В шаблоне Страница найдите блок
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
и замените его на
{% IF PAGE_NAME %}
{% IFNOT index_page %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
{% ENDIF %}

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

Здравствуйте! как это сделать? скрин прилагаю

В том же шаблоне найдите блок
<div class="pad-box">
<!-- Строка пути -->
<div id="site-path">
<p>
	 <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
</p>
</div>
<!-- end Строка пути -->
и замените его на
{% IFNOT index_page %}
<div class="pad-box">
<!-- Строка пути -->
<div id="site-path">
<p>
	 <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
</p>
</div>
<!-- end Строка пути -->
{% ENDIF %}


#38 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 19:26

Просмотр сообщенияStasya (21 Июль 2013 - 19:17) писал:

В шаблоне Страница найдите блок
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
и замените его на
{% IF PAGE_NAME %}
{% IFNOT index_page %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}
{% ENDIF %}



В том же шаблоне найдите блок
<div class="pad-box">
<!-- Строка пути -->
<div id="site-path">
<p>
	 <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
</p>
</div>
<!-- end Строка пути -->
и замените его на
{% IFNOT index_page %}
<div class="pad-box">
<!-- Строка пути -->
<div id="site-path">
<p>
	 <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
</p>
</div>
<!-- end Строка пути -->
{% ENDIF %}
спасибо)  всё чётко получилось)

#39 Артур

Артур

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

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

Отправлено 21 Июль 2013 - 19:32

Ещё один момент подскажите пожалуйста как установить кнопку в корзину на товарах на главной странице?1374424239609.jpg

#40 shnafix

shnafix

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

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

Отправлено 21 Июль 2013 - 20:14

Просмотр сообщенияАртур (21 Июль 2013 - 19:32) писал:

Ещё один момент подскажите пожалуйста как установить кнопку в корзину на товарах на главной странице?Прикрепленный файл 1374424239609.jpg
Найдите код Интересных предложений по первым строкам, схематично он выглядит так:
<div class="goodsListItemBlock withBorder cornerAll">
							 <table class="goodsListItemImage">
							 <tbody><tr>
								 <td>
								 <a href="ссылка" title="Перейти на страницу «Аккумулятор внешний универсальный - Yoobao Power Bank YB-602 Black 4800mAh»"><img class="goods-image-other" src="ссылка" alt="Аккумулятор внешний универсальный - Yoobao Power Bank YB-602 Black 4800mAh"></a>
								 </td>
							 </tr>
							 </tbody></table>
							
							 <h2 class="goodsListItemName"><a href="ссылка" title="Перейти на страницу «Аккумулятор внешний универсальный - Yoobao Power Bank YB-602 Black 4800mAh»">Аккумулятор внешний универсальный - Yoobao Power Bank YB-602 Black 4800mAh</a></h2>
							 <div class="goodsListItemPriceNew">
							 <a href="ссылка"><span title="1 299 Российских рублей"><span class="num">1 299</span> <span>рублей</span></span></a>
							 </div>
							 <div class="goodsListItemPriceOld">
																 <a href="ссылка" class="lineThrough"><span title="1 499 Российских рублей"><span class="num">1 499</span> <span>рублей</span></span></a>
								
							 </div>
						 </div>
и перед последним </div> добавьте блок кнопки:
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Аккумулятор внешний универсальный - Yoobao Power Bank YB-602 Black 4800mAh» в корзину" href="#">В корзину</a>






Темы с аналогичным тегами дизайн

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

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