Home Forums Basel support forum Forcing "Add to Cart Button" to display without hover.

Forcing "Add to Cart Button" to display without hover.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #40115

    Onisokumen
    Participant

    How can I enable the “Add to Cart” button/link to display before the customers hover on the product? My site is on theveestore.com/ng

    #40138

    Artem Temos
    Keymaster

    Hello,
    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    body .basel-hover-alt.purchasable .wrapp-swap {
    	overflow: visible;
    }
    
    body .basel-hover-alt.purchasable .wrapp-swap {
    	height: auto;
    }
    
    body .basel-hover-alt .wrapp-swap .btn-add,
    body .basel-hover-alt .wrapp-swap .price {
    	height:auto;
    	line-height:1;
    }
    
    body .basel-hover-alt .wrapp-swap .price {
    	margin-top:2px;
    }
    
    body .basel-hover-alt .wrapp-swap .btn-add {
    	margin-top:10px;
    }
    
    body .basel-hover-alt.purchasable:hover .swap-elements {
    transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -sand-transform: translateY(0px);
    }
    
    body .basel-hover-alt .star-rating {
    	display: block;
    }

    Kind Regards
    XTemos Studio

    #40163

    Onisokumen
    Participant

    GREAT!!!
    Worked. Like magic. Thanks a lot

    #40192

    Artem Temos
    Keymaster

    You are welcome!

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Forcing "Add to Cart Button" to display without hover.’ is closed to new replies.