Форум UnitCMS

Уникальная Кнопка "Купить"

Mypka

Уникальная Кнопка "Купить"
« : Ноябрь 16, 2011, 08:59:50 pm »
Последнюю неделю изучал азы CSS.
Вроде продвинулся неплохо, перепилил страницу товара, и категории, а когда дошел до кнопки "КУПИТЬ" то застрял.
Нарисовал уникальную кнопку "купить". (содрал с розетки+мобилак+фотос=сборная солянка), а куда вставлять хз.

если класс .button оставить но вставить свой фон и пр. то все кнопки в Лего меняются на такой стиль. А нужно сделать уникальную Кнопку купить.


в файле product.brief.tpl отвечает за кнопку такой код

	
	
	
{if 
$product_info[28]>0}
	
	
	
	
<
a id="tocart_{$product_info[11]}class="ajaxcart button" href="./ad2cart/{$product_info[14]}"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
	
	
	
	
{/if}


Куда ведет этот код, и как привязать его к своему стилю кнопку?
Искал по ключевику ajaxcart и нашел упоминание только в файле js, но там никакой привязки к кнопке нет.
Лего 4.6/5
Денвер.


« Последнее редактирование: Ноябрь 16, 2011, 09:02:31 pm от Al_Uk »
 

searchingman

Re: Уникальная Кнопка "Купить"
« Ответ #1 : Ноябрь 16, 2011, 09:34:58 pm »
Поймите разницу между id и class
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Re: Уникальная Кнопка "Купить"
« Ответ #2 : Ноябрь 16, 2011, 10:02:05 pm »
Al_Uk
А что вам мешает вместо  class="ajaxcart button" (в ссылке кнопки купить) написать например class="ajaxcart newbutton" и в стилях css создать новый стиль .newbutton {} (сделать копию button и переименовать в newbutton) и в этот свой новый стиль прописать свой рисунок.
Но и не забывайте про span, для него тоже нужно дорисовать хвост кнопки, прописать в .newbutton span {}
Проще говоря, пишете class="ajaxcart newbutton" и в стиль добавляете:
a.newbutton {
   background: transparent url('../image/ваш_правый_рисунок_кнопки') no-repeat scroll top right;
   color: #FFFFFF;
   display: inline-block;
   font: normal 12px arial, sans-serif;
   height: 30px; /*пишете свой размер кнопки*/
   margin-right: 6px;
   margin-top: 10px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}
a.newbutton span {
   background: transparent url('../image/ваш_левый_рисунок_кнопки') no-repeat;
   display: inline-block;
   padding: 5px 0 9px 18px;
}
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

sokrbam

Re: Уникальная Кнопка "Купить"
« Ответ #3 : Июнь 26, 2012, 11:06:10 pm »
Но и не забывайте про span, для него тоже нужно дорисовать хвост кнопки, прописать в .newbutton span {}
}[/spoiler]

Простите, а в чем фишка этого правого хвостика? разве нельзя сделать цельную кнопку?
И еще вопрос. насколько я понял, то это {$smarty.const.ADD_TO_CART_STRING} нужно только для перевода на другой язык?
Наверное не очень хорошо для продвижения, когда в каталоге будет столько слов "Заказать", поэтому я подумываю уйти от этого и сделать цельную кнопку с нарисованной надписью.

Я сделал так:
<div class="button_zakaz">{if $product_info[28]>0}
<a id="tocart_{$product_info[11]}" class="ajaxcart_newbutton" href="./ad2cart/{$product_info[14]}"></a>{/if}</div>

и в css так:
.button_zakaz  .ajaxcart_newbutton{
background: url('../image/button_kupit.png') no-repeat;
width: 66px;
height: 18px;
float: right;
}

Кнопка изменилась все ок, но имею проблему. При нажатии на кнопку "Заказать" выдает мне 404страницу. Подскажите плиз, где я ошибся?
 

Dias

Re: Уникальная Кнопка "Купить"
« Ответ #4 : Июнь 26, 2012, 11:41:36 pm »
Ошиблись в одной букве:

href="./ad2cart/{$product_info[14]}"

href="./add2cart/{$product_info[14]}"
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Re: Уникальная Кнопка "Купить"
« Ответ #5 : Июнь 26, 2012, 11:49:03 pm »
И ещё, если вы пишете ajaxcart_newbutton то у вас тогда не будет перелёта в корзину, ну если вы и js не правили.
Желательно писать class="ajaxcart newbutton" и стиль уже писать к .newbutton{...}
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

pehser

Re: Уникальная Кнопка "Купить"
« Ответ #6 : Июнь 27, 2012, 12:31:59 am »
И еще вопрос. насколько я понял, то это {$smarty.const.ADD_TO_CART_STRING} нужно только для перевода на другой язык?
В будуюшей версии нужно также чтоб коректо отоброжалось если сайт в utf-8 (Руского будет 2 файла в разных кодировках)
WM: Z255040886923, R104460203223, U381335345755 Yandex: 41001700114942
---
Я пользуюсь обменником
 

sokrbam

Re: Уникальная Кнопка "Купить"
« Ответ #7 : Июнь 27, 2012, 05:19:22 pm »
Ошиблись в одной букве:

href="./ad2cart/{$product_info[14]}"

href="./add2cart/{$product_info[14]}"

Спасибо, именно из-за этого были проблемы

И ещё, если вы пишете ajaxcart_newbutton то у вас тогда не будет перелёта в корзину, ну если вы и js не правили.
Желательно писать class="ajaxcart newbutton" и стиль уже писать к .newbutton{...}

Вместо перелета сделал всплывающее окно.

В будуюшей версии нужно также чтоб коректо отоброжалось если сайт в utf-8 (Руского будет 2 файла в разных кодировках)
Я так понимаю что в России используют cp-1251
« Последнее редактирование: Июнь 27, 2012, 05:21:41 pm от sokrbam »
 

 

Sitemap 1 2 3 4 5