popup cart problem

Hello again,

after pasting this code to override.css
"#facebox > span {
display: none;
}
#facebox .popup {
border: medium none;
border-radius: 0 !important;
min-width: 320px;
overflow: hidden !important;
}
#facebox .popup .content {
display: block !important;
padding: 10px 30px 50px 10px !important;
position: relative;
text-align: left;
width: auto !important;
}
#facebox .popup .content a {
background: #eba034 none repeat scroll 0 0;
border: 1px solid #eba034;
border-radius: 2px;
bottom: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 10px;
font-weight: 400;
padding: 6px 45px;
position: absolute;
right: 10px;
text-align: center;
text-transform: uppercase;
}
#facebox .popup .content > a:hover {
border-color: #26292b;
}
#facebox .popup .content a.continue_link {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ccc;
color: #26292b;
left: 10px;
right: auto;
}
#facebox .popup .content a.continue_link:hover {
border-color: #26292b;
color: #fff;
}
#facebox .popup .content h4 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
min-width: 400px;
padding: 12px 0 20px;
}
#facebox .popup .content a:hover, #facebox .popup .content a.continue_link:hover {
background: #26292b none repeat scroll 0 0 !important;
}
#facebox .popup {
background: #fff none repeat scroll 0 0;
padding: 20px;
}
"
and deactivating fancybox in virtuemart I got these situation (see screenshot attached).
Please provide a solution as I installed the quickstart package and hoped to get the demosite without problems! It is really urgent.

Another issue is, that if you put something in the cart, you see the prices without taxes in the popup cart. The total sum is with taxes. I would like to have the prices with tax for each item. How can I modify the popup cart to get this?
My site is: www.natindesign.com

Thanks.

Best regards,
David

Hi

Please send me an access to FTP and joomla panel. I think I need to apply this fix myself and see why it's not working for You.

Hello Teitbite,

I sent you a pm.
Regards,
David

Hi

I've checked Your problem and looks like it's Virtuemart oriented that the popup is empty. I've swiched to a default joomla template and a result is visible in my screens. Same as with our template, a popup is empty.

Since popup works with fancybox I'm gonna try to create a style for this option as well. Should be ready about 15min, will post it here.

Hi

Here a style for fancybox popup or at least best I could do with couple less layers.

Code: Select all

#fancybox-content {
border: medium none;
border-radius: 0 !important;
min-width: 320px;
overflow: hidden !important;
}

#fancybox-content > div {
display: block !important;
padding: 10px 30px 50px 10px !important;
position: relative;
text-align: left;
width: auto !important;
}

#fancybox-content > div a {
background: #eba034 none repeat scroll 0 0;
border: 1px solid #eba034;
border-radius: 2px;
bottom: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 10px;
font-weight: 400;
padding: 6px 45px;
position: absolute;
right: 10px;
text-align: center;
text-transform: uppercase;
}

#fancybox-content > div > a:hover {
border-color: #26292b;
}

#fancybox-content > div a.continue_link {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ccc;
color: #26292b;
left: 10px;
right: auto;
}

#fancybox-content > div a.continue_link:hover {
border-color: #26292b;
color: #fff;
}

#fancybox-content > div h4 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
min-width: 400px;
padding: 12px 0 20px;
}

#fancybox-content > div a:hover,
#fancybox-content > div a.continue_link:hover {
background: #26292b none repeat scroll 0 0 !important;
}

#fancybox-content {
background: #fff none repeat scroll 0 0;
padding: 20px;
}

#fancybox-close {
right: -18px;
top: 3px;
}


Hi

I looked everywhere for a reason of prices not having tax in mini cart, but it's again something about Virtuemart. I've tracked the place prices are being picked up from database to /component/com_virtuemart/helpers/cart.php and line:

Code: Select all

         $data->products[$i]['prices'] = $currencyDisplay->priceDisplay( $product->allPrices[$product->selectedPrice]['subtotal']);


which gives me an idea that price type is configurable. Please refer to VM support of VM documentation in this case, I'm afraid I'm not an expert if it comes to VM functionality, all we do is to add a new look, we do not change functionality.

Hi

Yes, I've finished. Please clear Your cache. I've been working on a copy make with a clear template, so unchanged files may be still loading.

Teitbite, thank you!
What about my question with the responsive design? At the moment your modification is not responsive. On a phone, for example iPhone 6 it does not look good!
When can you adjust this?

Regards,
David

Hi

This should do the job:

Code: Select all

.fancybox-bg {
display: none;
}

@media only screen and (max-width:575px) {
#fancybox-wrap {
    left: 5% !important;
    padding: 0;
    width: 90% !important;
}

#fancybox-close {
    right: 0;
    top: 0;
}

#fancybox-content {
    min-width: auto !important;
    padding: 10px;
    width: 100% !important;
}

#fancybox-content > div a {
    padding: 6px 10px;
}

#fancybox-content > div h4 {
    min-width: auto;
}
}


it's in Your override.css file already.