[DIVI Theme] + Add to Cart

Rozwiązano owadraf
(@owadraf)

4 years, 8 months temu

Motyw Divi i jego moduł do wyświetlania sklepu nie ma opcji, aby na liście wyświetlonych produktów wyświetlić również przycisk „Dodaj do koszyka”.
Szukałem, ale nie udało mi się znaleźć takiej funkcjonalności.

Proszę zatem o pomoc jak mogę dodać taki przycisk na liście produktów, a idealnie będzie jak ktoś pomoże mi, aby zrobić to w sposób jak na tej stronie:

https://blush.select-themes.com/shop/page/1/

Czyli przycisk „Dodaj do koszyka” pojawia się dopiero w momencie najechania myszą na produkt.

Z góry dziękuję za pomoc.

Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

Viewing 8 replies - 1 through 8 (of 8 total)

Moderator Paweł Knapek
(@adpawl)

4 years, 8 months temu

https://intercom.help/elegantthemes/en/articles/2204915-how-to-add-add-to-cart-button-in-divi-shop-pages

Thread Starter owadraf
(@owadraf)

4 years, 8 months temu

Po zamieszczeniu tego postu grzebałem jeszcze i udało mi się też znaleźć ten artykuł, więc sprawa wyświetlania przycisku na liście produktów została rozwiązana – Dziękuję.

Pozostała jeszcze kwestia drugiej części mojego postu, a mianowicie, jak zrobić aby przycisk pojawiał się dopiero w momencie najechania myszą na opis lub miniaturkę, tak jak na tej stronie:

https://blush.select-themes.com/shop/page/1/
Moderator Paweł Knapek
(@adpawl)

4 years, 8 months temu
np.:
```
.woocommerce ul.products li.product .button {
  opacity:0;
}
.woocommerce ul.products li.product:hover .button {
  opacity:1;
}
```
Thread Starter owadraf
(@owadraf)

4 years, 8 months temu

Ok,

ale takie rozwiązanie działa tylko w momencie jak kursor jest nad przyciskiem, ja chciałbym aby pojawiał się również jak mysz jest nad nazwą produktu i jego zdjęciem.

tak jak na tej stronie: https://blush.select-themes.com/shop/page/1/

Jak uzyskać taki efekt?

Moderator Paweł Knapek
(@adpawl)

4 years, 8 months temu

Działa po najechaniu na sam produkt, nie tylko na przycisk. Hover jest dla produktu.

Thread Starter owadraf
(@owadraf)

4 years, 8 months temu

Przepraszam, faktycznie wszystko się zgadza, mam jeszcze jedno pytanie: jak wyśrodkować ten przycisk?

Moderator Paweł Knapek
(@adpawl)

4 years, 8 months temu

.woocommerce-page ul.products li.product { text-align: center; }
Thread Starter owadraf
(@owadraf)

4 years, 8 months temu
Dziękuję za odpowiedź,

Troszeszczkę musiałem zmodyfikować kod i zadziałał ten:
```
.woocommerce ul.products{
  text-align: center; 
```
@adpawl czy mógłbyś mi jeszcze pomóc w tych dwóch wątkach będę wdzięczny.

https://pl.wordpress.org/support/topic/divi-theme-koszt-wysylki-na-karcie-produktu/

https://pl.wordpress.org/support/topic/divi-theme-miniatura-produktu-w-koszyku/

Viewing 8 replies - 1 through 8 (of 8 total)

Temat ‘[DIVI Theme] + Add to Cart’ jest zamknięty na nowe odpowiedzi.

Tagi tematu

Wyświetlenia