Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Кнопка "Купить" не отображаеться в категориях


Recommended Posts

В шаблоне не отображеться кнопка "купить" (в разделе категории при сортировке по grid), а при переходе на отображение List  - все отлично работает. Подскажите как исправить и разместить там такую же кнопку ? 

 

http://mimikids.com.ua/index.php?route=product/category&path=57

 

Надіслати
Поділитися на інших сайтах


В файле /catalog/view/theme/тема/template/product/category.tpl

 

Из блока <div class="product-list">

 

Скопировать следующие блоки со всем содержимым, в той же последовательности:

<div class="product-actions">

<div class="add-to-cart">...</div>

<div class="quickview" data-toggle="tooltip" data-original-title="Переглянути"></div>

</div>

 

В следующий блок:

<div class="product-actions">

 

Стили настроить по вкусу.

Змінено користувачем mazein
Надіслати
Поділитися на інших сайтах

 

:ugeek:

 

В этом шаблоне в режиме сетка кнопка купить появляется при наведении на сам товар......

Надіслати
Поділитися на інших сайтах

 

В файле /catalog/view/theme/тема/template/product/category.tpl
 
Из блока <div class="product-list">
 
Скопировать следующие блоки со всем содержимым, в той же последовательности:
<div class="product-actions">
<div class="add-to-cart">...</div>
<div class="quickview" data-toggle="tooltip" data-original-title="Переглянути"></div>
</div>
 
В следующий блок:
<div class="product-actions">
 
Стили настроить по вкусу.
 
 

 

В следующий блок, это какой ? Там он только один.

Змінено користувачем Jekkey
Надіслати
Поділитися на інших сайтах


Не нужно лезть в шаблон.У вас кнопки в стилях спрятаны,так же как и их расположение.

 

/catalog/view/theme/stowear/css/stylesheet.css

 

.product-grid .product .image .product-actions {
position: absolute;   <----
bottom: 0px;              Расположение кнопок
left: 38px;           <----
z-index: 1;
opacity: 0;            <----То чем их скрыли.
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
Надіслати
Поділитися на інших сайтах

 

Не нужно лезть в шаблон.У вас кнопки в стилях спрятаны,так же как и их расположение.

 

/catalog/view/theme/stowear/css/stylesheet.css

 

.product-grid .product .image .product-actions {
position: absolute;   <----
bottom: 0px;              Расположение кнопок
left: 38px;           <----
z-index: 1;
opacity: 0;            <----То чем их скрыли.
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

 

Они не спрятаны, а при наведении показываются. Об этих кнопках я знаю, но вот не получается пределать кнопку как при отображении категорий list  :|

Надіслати
Поділитися на інших сайтах


В следующий блок, это какой ? Там он только один.

Да, поторопился, не то скопировал.

Те блоки нужно вставить после блока <div class="price">...</div>

При этом все стили:

.product-list .product-actions div a:hover
.product-list .product-actions .add-to-cart a
.product-list .product-actions div a
.product-list .product-actions div
.product-list .product-actions

Нужно скопировать, поменяв .product-list на .product-grid

 

А вообще, я бы действующие кнопки использовал, которые появляются при наведении, как Tom писал.

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.