Home › Forums › Basel support forum › Different layout
Different layout
- This topic has 9 replies, 2 voices, and was last updated 8 years, 2 months ago by Artem Temos.
-
AuthorPosts
-
October 3, 2016 at 10:23 pm #4961
lxyamericaParticipantCan i have Homepage with full width layout and About US page with Content Full width?
October 3, 2016 at 10:34 pm #4962
Artem TemosKeymasterHello,
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
October 3, 2016 at 10:39 pm #4963
lxyamericaParticipantThanks, But I do not want to change header container. Is there any way?
October 3, 2016 at 10:45 pm #4964
Artem TemosKeymasterTry this one
.footer-container .container, .main-page-wrapper .container { width: 95%; }
October 3, 2016 at 10:52 pm #4965
lxyamericaParticipantThanks!!!
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
October 3, 2016 at 11:07 pm #4966
lxyamericaParticipantNeed 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
October 4, 2016 at 1:59 am #4968
lxyamericaParticipantaddToCart: 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
October 4, 2016 at 5:23 am #4969
Artem TemosKeymasterCould 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 secondsaddToCart: 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(); }); },
October 4, 2016 at 5:28 am #4970
lxyamericaParticipantThanks!!!
see privet content please
October 4, 2016 at 5:53 am #4972
Artem TemosKeymasterFixed, 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); }
-
AuthorPosts
- You must be logged in to create new topics. Login / Register