Magazine + Virtuemart

Hi,
Does Magazine template fully support Virtuemart? I've installed the Quickstart package, then installed virtuemart.

The product detail layout has some issues, especially with quantity box and +- selector. Actually, it's not possible to enter a number and/or vary quantity.

Here is my test website: http://citefitness.com/dev/index.php/co ... der-detail

Any idea on how to solve this issue?

Thank you

Hi

Magazine template has no support for Virtuemart, but please list all Your problems here and I'll try to help You adjusting it to be seen propperly.

Hi, thanks for your support. Here is a few screenshots of issues and styling needed. You can see it live here as well: http://citefitness.com/dev

It's not possible to enter a number in the Qty box, the +- selectors have to be styled and the button as well
On checkout, update cart button have to be styled, qty box doesn't work

There is also an issu with the main menu on the Cart page (see my other forum thread: https://www.gavick.com/forums/instyle/main-menu-issue-with-virtuemart-31581.html

Thank you!

Hi

There is a fix for quantity, but for rest it would be much easier for me to have an access to joomla panel of Your site. I will not need to guess, but acctually test.

Code: Select all

span.quantity-box {
    padding-top: 0;
}

.quantity-box input[type="text"] {
    height: auto;
    padding: 0;
}

span.quantity-controls input.quantity-controls {
    padding: 0;
}


Hi

Thank You for the access. Answering Your question from PM. All additional css code to fix some issues is in override.css file.

Here is another portion of fixes:

Code: Select all

/*VIRTUEMART*/
span.quantity-box {
    padding-top: 0;
}

.quantity-box input[type="text"] {
    height: auto;
    padding: 0;
}

span.quantity-controls input.quantity-controls {
    padding: 0;
}

table.cart-summary tr th {
    background: none repeat scroll 0 0 #353535;
    border-bottom: medium none;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 5px 0;
    text-indent: 10px;
    text-transform: lowercase;
}

table.cart-summary form.inline input[type="submit"] {
    background: url("http://citefitness.com/dev/components/com_virtuemart/assets/images/vm2-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 22px;
}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll 0 -160px #E8E8E8;
    border: 1px solid #00A000;
    border-radius: 4px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    letter-spacing: 1px;
    line-height: 32px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
}


Thank you Teitbite, it looks better now. I can handle the rest of fixes (alignement, icons, etc)

Hope theses posts will be helpful for other Gavick template fans!

Keep up your good work and high quality templates, it's really appreciated!

Hi

No problem. Glad I could help