Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • sfpkent Friend
    #139967

    Hi,

    I have set my virtuemart store to be online catalog, no checkout is available, but there is a small box appear after item description which is quatity chooser. I would like to remove it.

    http://bestfit-tech.com/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=38&category_id=22&option=com_virtuemart&Itemid=71

    Attached with image file. Thank you first!! 🙂


    1. removevm
    John Wesley Brett Moderator
    #300282

    Here you go…simple fix:

    In Main CSS file for Virtuemart’s Default theme:
    find this section (about halfway down the CSS page) and add the following line…and poof…gone.


    .vmCartContainer {
    background:#F7F7F7 none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    float:left;
    padding:5px 10px;
    visibility:hidden;
    width:auto;
    }

    Have fun.
    John.

    cjes Friend
    #300297

    Have you tried selecting ‘hide quantity box’ in the product specification under the tab: display options?


    1. hide-quantity-box
    sfpkent Friend
    #300362

    <em>@jbrett 123015 wrote:</em><blockquote>Here you go…simple fix:

    In slimbox.CSS line 272
    add the following line…and poof…gone.


    .vmCartContainer {
    background:#F7F7F7 none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    float:left;
    padding:5px 10px;
    visibility:hidden;
    width:auto;
    }

    Have fun.
    John.</blockquote>

    Which slimbox.css file I should go for coz, I got the file in:
    public_html/component/com_virtuemart/js/slimbox/css/slimbox.css

    Here is what I got:

    /* SLIMBOX */

    #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    }

    #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    }

    .lbLoading {
    background: #fff url(loading.gif) no-repeat center;
    }

    #lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
    }

    #lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
    }

    #lbPrevLink {
    left: 0;
    }

    #lbPrevLink:hover {
    background: transparent url(prevlabel.gif) no-repeat 0% 15%;
    }

    #lbNextLink {
    right: 0;
    }

    #lbNextLink:hover {
    background: transparent url(nextlabel.gif) no-repeat 100% 15%;
    }

    #lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
    }

    #lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(closelabel.gif) no-repeat center;
    margin: 5px 0;
    }

    #lbCaption, #lbNumber {
    margin-right: 71px;
    }

    #lbCaption {
    font-weight: bold;
    }

    Which slimbox.css you talking about??

    Thanks! 🙂

    sfpkent Friend
    #300494

    Anyone can help me here??

    John Wesley Brett Moderator
    #300596

    Sorry. My bad.
    A little difficult to pinpoint because of the use of gzip.

    The code is actually in the Main CSS file for the “default” theme for VirtueMart…about halfway down the page.

    Hope that helps.
    John.

    sfpkent Friend
    #300631

    Hi John,

    Thanks friend. It works well. 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 3 voices, and was last updated by  sfpkent 15 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum