'add to cart' modal styling lost

Hi there,

after upgrading VM 3.0.9.4 to 3.0.12 I experience a small but annoying issue.
When hitting 'add to cart' the modal opens without the nice storefront styling, just the plain VM style shows.
To verify this:
- I rolled back to previous VM version, all works.
- locally installed storefront 3.19 with VM 3.0.9.4 , all works.
- locally upgaded to VN 3.0.12, the styling is gone.

Any help is much appreciated,
thanks,
mizu



storefront 3.19
Joomla! 3.4.6
VirtueMart 3.0.12

try to turn "use fancybox" off in vm settings

fancy box was off. Tried those js/css settings in VM.
As far as I see the vm.css isn't called. Hence no styling for the modal.

thanks anyway.

maybe this will do:
https://www.gavick.com/forums/storefron ... ox#p243144

tried. no success.
my problem is exactly like displayed in the first post of the thread you mentioned.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi

Looks like there is one layer less in newer vm version. Please add this code to fix the styling of this popup:

Code: Select all

#facebox .popup {
   border: none;
   border-radius: 0px !important;
   overflow: hidden!important
}
#facebox .popup > div {
   display: block!important;
   padding: 20px!important;
   width: auto!important
}
#facebox .popup > div {
   padding: 0 30px 50px 10px !important;
   position: relative;
   text-align: center
}
#facebox .popup > div >  a {
   background: #e81f00;
   bottom: 5px;
   color: #fff;
   cursor: pointer;
   display: block;
   font-size: 11px;
   font-weight: 400;
   padding: 8px 12px;
   position: absolute;
   right: 10px;
   text-align: center;
   text-transform: uppercase
}
#facebox .popup > div > a.continue_link {
   left: 10px;
   right: auto;
   background: #222
}
#facebox > span {
   display: none;
}
#facebox .popup {
   min-width: 320px;
}
#facebox .popup > div > a:hover,
.productDetails .main-image .product-overlay > span > span,
#facebox .popup > div > a.continue_link:hover { background: #222!important; }
#facebox .popup > div > h4 {
   border-bottom: 1px solid #eee;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 10px;
   min-width: 400px;
   padding: 12px 0 20px
}



Thanks!

This almost worked. Just edited the declarations and now the styling is back.

Hi

Can You please tell me what exactly You've edited so I'll be able to pass this information to programmers ?