Popup cart looks jerky...

The live link is here: http://v-boge.org/obuchayushchie-onlajn-programmy/vebinar-bibleiskie-biznes-sekrety/testing-detali
The way it looks is here: https://yadi.sk/i/ncpenuNstbJQc. The problem is that popup is too small thus two different buttons visually merge into one line of text and unless you read the text, there's no way to tell there are actually two buttons.
I've tried to play with css some, yet my knowledge is not enough - can't fix it in a neat way that would be congruent to the whole template look. I think this part of template has to be rewritten...

Hi

Tell me the url to example product so I'll be able to test it. I had no luck by clicking on random links

Hi

Tell me the url to example product so I'll be able to test it. I had no luck by clicking on random links

http://v-boge.org/obuchayushchie-onlajn-programmy/vebinar-bibleiskie-biznes-sekrety/testing-detali I turned on sneakers from QuickStart pack. All the rest is exactly the same as in your template - the cart is next to the main menu (on top), and "add to the cart" is yellowish button next to the price of 1,00руб.

Hi

This is how popup looks like after recent changes to VM (our demo is still using old version). Anyway I've send programmers some extra styling for it, so make sure You have latest template version. Try also switching to fancybox popup in VM configuration.

Hi

This is how popup looks like after recent changes to VM (our demo is still using old version). Anyway I've send programmers some extra styling for it, so make sure You have latest template version. Try also switching to fancybox popup in VM configuration.

I guess it has everything to do with the fact that words in Russian are 30% longer in general. so... Thanks for the "fancy" tip - It allowed me to fix things finally applying patch in css:

Code: Select all

a.continue_link, a.showcart {
  margin: 20px;
}
#fancybox-content {width:470px!important}
#fancybox-wrap {width:510px!important}

It's still not really "fancy" , but looks better https://yadi.sk/i/nHavKgN8trJGm

Hi

Try add this to override.css:

Code: Select all

/* vm3.0.10 fixes */
.vmicon.vm2-add_quantity_cart {
   background-position: 12px -66px;
    border: none;
    display: block;
    height: 32px;
    width: 32px!important;
}
.vmicon.vm2-add_quantity_cart:hover {
   background-color: transparent!important;
   background-image: url(../images/vm/vm2-sprite.png)!important;
   background-repeat: no-repeat;
   opacity: 0.6;
}
#fancybox-wrap,
#fancybox-outer,
#fancybox-content,
#fancybox-content > div {
   min-height: 50px;
   min-width: 300px;
}
#fancybox-content,
#fancybox-content > div {
   min-width: 260px;
}
#fancybox-content > div {
   padding-bottom: 25px;
}
#fancybox-content .continue_link,
#fancybox-content .showcart {
   background: #FF7E57;
   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
}
#fancybox-content .showcart {
   right: 0;
}
#fancybox-content .continue_link {   
   left: 10px;
   right: auto;
   background: #222
}
#fancybox-content .continue_link {
   left: 0;
}


that's a popup style I came up with for StoreBox template, but it may work here as well.

Hi
Try add this to override.css:
that's a popup style I came up with for StoreBox template, but it may work here as well.

Thanks, it worked with couple alterations. Just in case anybody else might wanna grab the patch:

Code: Select all

    #fancybox-content .showcart {
       background: #EBA034;

To comply with color style of template, and

Code: Select all

#fancybox-wrap {width:auto!important}

to make it look better.
https://yadi.sk/i/7u7LCZGPtzsho - result screenshot.

Hi

Yes, thank You for the adjustments. I've made it for a different template, but was hoping it can work here as well. It supposed to be just a test, but You've turned it into solution Thank You.

You've turned it into solution Thank You.

It's rather thanks to Cyberek - he helped me alot in picking up some basic level of css while helping me with other templates.

Hi

Hahaha. I hope he told You about Firebug. With this plugin for Firefox I was able to learn a lot about css and modifications while just playing with it.

I'm closing this thread since we're going off topic already