Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy Lifetime Membership
×

Search for Divi WooCommerce Layouts Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

How to enable the link on the complete section in shop layout 05

Currently, the link to the product page works only on the title and price. To make the whole section clickable in Shop Layout 05, add the following CSS in the Divi Theme Options:

.dfw-shop-05 .woocommerce ul.products li.product a:hover:before {
    background-color: rgb(0 0 0 / 80%);
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    transition: all 0.5s
}

.dfw-shop-05 .woocommerce ul.products li.product:hover:before {
    content: none;

}

.dfw-shop-05 .woocommerce ul.products li.product a {
    display: block;
}

Cyber Monday Popup