Home Forums Basel support forum Different layout

Different layout

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #4961

    lxyamerica
    Participant

    Can i have Homepage with full width layout and About US page with Content Full width?

    #4962

    Artem Temos
    Keymaster

    Hello,

    Unfortunately, there is no such option for pages in our theme. But you can easily increase container size for particular pages by adding this simple code snippet to the Custom CSS area of Visual Composer editor for the page

    .container {
        width: 95%;
    }

    If it will not help please send us a link where we can see this issue.

    Regards

    #4963

    lxyamerica
    Participant

    Thanks, But I do not want to change header container. Is there any way?

    #4964

    Artem Temos
    Keymaster

    Try this one

    .footer-container .container,
    .main-page-wrapper .container {
        width: 95%;
    }
    #4965

    lxyamerica
    Participant

    Thanks!!!

    sorry, one more thing before my site ready to sell.

    It pop a notifacation after products added to cart, I want to keep this feature. I want it automaticly closed after 1 sec, so user knows that product has been added to his cart and do not need to click continue shopping button.

    I mean i want automatice close popup window in 2 sec after adding to cart.

    Btw, thanks for quick update

    #4966

    lxyamerica
    Participant

    Need Help.. My site used to show a quickview windows when user click product…but after update, it doestn’t work anymore…please help me fix this

    I also copy and paste all my custom code into custom css field

    #4968

    lxyamerica
    Participant
                addToCart: function() {
                    var that = this;
    
                    $('body').bind('added_to_cart', function(event, fragments, cart_hash) {
    
                        if( basel_settings.added_popup == 'yes' ) {
                            var html = [
                                '<div class="added-to-cart">',
                                    '<p>' + basel_settings.added_to_cart + '</p>',
                                    '<a href="#" class="btn btn-style-link close-popup">' + basel_settings.continue_shopping + '</a>',
                                    '<a href="' + basel_settings.cart_url + '" class="btn btn-color-primary view-cart">' + basel_settings.view_cart + '</a>',
                                '</div>',
                            ].join("");
    
                            $.magnificPopup.open({
                                items: {
                                    src: '<div class="white-popup add-to-cart-popup popup-added_to_cart">' + html + '</div>',
                                    type: 'inline'
                                }
                            });
    
                            $('.white-popup').on('click', '.close-popup', function(e) {
                                e.preventDefault();
                                $.magnificPopup.close();
                            });
                        }
    
                        that.btnsToolTips();
    
                    });
                },

    how can i implement this

    function auto_close(){
    var box_disappear = document.getElementByClassName("white-popup add-to-cart-popup popup-added_to_cart");
    box_disappear.style.display = "none";
    }
    setTimeout("auto_close()",2000);

    thanks

    #4969

    Artem Temos
    Keymaster

    Could you please provide your FTP access so we could see why quick is not working for your web-site anymore?

    And here is the final code for addToCart method to make popup close in a few seconds

                addToCart: function() {
                    var that = this;
    
                    $('body').bind('added_to_cart', function(event, fragments, cart_hash) {
    
                        if( basel_settings.added_popup == 'yes' ) {
                            var html = [
                                '<div class="added-to-cart">',
                                    '<p>' + basel_settings.added_to_cart + '</p>',
                                    '<a href="#" class="btn btn-style-link close-popup">' + basel_settings.continue_shopping + '</a>',
                                    '<a href="' + basel_settings.cart_url + '" class="btn btn-color-primary view-cart">' + basel_settings.view_cart + '</a>',
                                '</div>',
                            ].join("");
    
                            $.magnificPopup.open({
                                items: {
                                    src: '<div class="white-popup add-to-cart-popup popup-added_to_cart">' + html + '</div>',
                                    type: 'inline'
                                }
                            });
    
                            $('.white-popup').on('click', '.close-popup', function(e) {
                                e.preventDefault();
                                $.magnificPopup.close();
                            });
    
                            setTimeout(function(){ $.magnificPopup.close(); }, 2000);
                        }
    
                        that.btnsToolTips();
    
                    });
                },
    #4970

    lxyamerica
    Participant

    Thanks!!!

    see privet content please

    #4972

    Artem Temos
    Keymaster

    Fixed, please check now. We have added this code snippet

    
    .product-grid-item:not(.basel-hover-base) .quick-view {
        visibility: visible; 
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1); 
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -sand-transform: scale(1);
    }
Viewing 10 posts - 1 through 10 (of 10 total)