Перейти к содержанию
Jekkey

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

Рекомендуемые сообщения

В шаблоне не отображеться кнопка "купить" (в разделе категории при сортировке по 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  :|

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да и еще вопрос - где можно отредактировать данную кнопочку, все уже перерыл - не нашел.

 

zANy9XbS90zX29.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Те блоки нужно вставить после блока <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 писал.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да и еще вопрос - где можно отредактировать данную кнопочку, все уже перерыл - не нашел.

 

zANy9XbS90zX29.png

 

Подскажите пожалуйста по этому, где найти ?  :ph34r:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.