Support for LCShopping - Responsive VirtueMart Template

Hello. This is possible only in case if you are familiar with Joomla. Theme VM goes with the Joomla theme. In order for you to set the theme virtuemart you should at least do this:

1. Install com_virtuemart.2.0.18a.zip 2.com_virtuemart.2.0.18a_ext_aio.zip 3.com_acymailing_starter_3.9.0_2012-09-14.zip unzip pkg_bundle and install from this archive 4.com_compare.zip 5.mod_compare.zip 6.mod_virtuemart_product.zip 7.mod_phoca_vm_category_v1.0.0.zip 8.mod_virtuemart_cart.zip 9.mod_vm_ajax_search_for_vm2.zip 10.Module_YJ_Pop_Login-J17J25.zip 11.plg_system_vm2_cart_j25.zip 12.plg_vmslider.zip 13.plg_jqueryeasy.zip 14.twbootstrap.zip

then you must upload scripts(list below) to \templates\your_theme\js\ you can find them in \templates\smallsolutions\js\ js\scripts.js js\cookie.js js\gallery.js js\html5shim.js js\jqtransform.js js\jquery.isotope.min.js js\jquery.mousewheel.min.js js\jquery.preloader.js js\jquery.touchSwipe.min.js js\jquery_carousel_lite.js js\jScrollPane.js js\mwheelIntent.js js\tooltips.js js\touch.gallery.js

,upload CSS (‘css\virtuemart.css, css\master_ie8.css’) to \templates\your_theme\css\ you can find them in \templates\smallsolutions\css\ upload directory ‘com_virtuemart’ from \templates\smallsolutions\html\com_virtuemart to \templates\your_theme\html\com_virtuemart

add styles and js.

If you have installed gantry framework than:

<?php
    $gantry->displayHead();
    $gantry->addStyles(array(
    'skeleton'.GRID_SYSTEM.'.css',
    'normalize.css',
    'template.css',
    'responsive.css',
    'default.css',
    'virtuemart.css'
   ));

   $gantry->addScript(array(
    'tooltips.js',
    'jquery.preloader.js',
    'gallery.js',
    'jquery.isotope.min.js',
    'cookie.js',
    'touch.gallery.js',
    'jqtransform.js',
    'jquery.mousewheel.min.js',
    'jScrollPane.js',
    'mwheelIntent.js',
    'scripts.js'
   ));
   if ($gantry->browser->name == 'ie'){
    if ($gantry->browser->shortversion == 8){
      $gantry->addStyles(array('master_ie8.css'));
      $gantry->addScript('html5shim.js');
    }
   }
  ?>

If it is a standard Joomla template, than styles and js should be added in such a way: add to the top of the template $path = $this->baseurl.’/templates/’.$this->template; <link rel=”stylesheet” href=”<?php echo $path ?>/css/virtuemart.css” type=”text/css” media=”screen,projection” /> <script type=”text/javascript” src=”<?php echo $path ?>/javascript/tooltips.js”></script> and add after adding scripts:

<script type="text/javascript">
   jQuery(document).ready(function(cash) {
  $("#productdetailsview , #tabs.prod").css("display", "none");

     $("#productdetailsview , #tabs.prod").fadeIn(2000);
  function redirectPage() {
   window.location = linkLocation;
  }
    /*Image Preloader*/
    $("span.catItemImage, span.itemImage, span.userItemImage, span.genericItemImage").preloader({
     iconURL:"<?php echo $gpath.'/images/system/loading.gif' ;?>" 
    });

    if ($('body').width() < 768) { 
     $('#rt-footer .module-title').click(function(){
      $(this).next('ul.menu, .mod_sl_twitter').stop(true, true).toggle(500);
     },function(){
      $(this).next('ul.menu , .mod_sl_twitter').stop(true, true).toggle(300);
     })
    }
    $('#product_list2  .product1').hover(function() {
     $(this).find('div.slide-info').stop().animate({ bottom: 0}, 'fast' , 'swing');
     },function(){
     $(this).find('div.slide-info').stop().animate({ bottom: -300}, 500 , 'swing');
    });
     $('#product_list .row_vm2 .browseProductImageContainer img.item2').each(
     function(){
       $('#product_list .row_vm2 .browseProductImageContainer a img.item2').parent().addClass('add');
       $('#product_list .row_vm2 .browseProductImageContainer a.add').hover(function() {
       $(this).find('img.item2').stop().animate({ opacity: 1}, 500);
       $(this).find('img.item1').stop().animate({ opacity: 0}, 500);
       },function(){
       $(this).find('img.item2').stop().animate({ opacity: 0}, 500);
       $(this).find('img.item1').stop().animate({ opacity: 1}, 500);
     });
    });
   });
  </script>

If you have the skills and desire it can be done.Then in the admin to manually adjust the output modules in the correct position. Necessarily make a site backup before this!!!! If you are an inexperienced user, I do not advise you to do this.

Here is such a form is given to the attributes and quantity

<?php if (!VmConfig::get('use_as_catalog')) {?>
    <div class="addtocart-area">
    <?php if ($product->product_in_stock < 1) { ?>
        <a class="addtocart-button" href="<?php echo JRoute::_('index.php?option=com_virtuemart&view=productdetails&layout=notify&virtuemart_product_id='.$product->virtuemart_product_id); ?>"><?php echo JText::_('COM_VIRTUEMART_CART_NOTIFY') ?></a>
    <?php } else { ?>
        <form method="post" class="product" action="index.php" id="addtocartproduct<?php echo $product->virtuemart_product_id ?>">
        <div class="product-custom">
    <?php // Product custom_fields
    if (!empty($product->customfieldsCart)) { ?>
        <div class="product-fields">
        <?php foreach ($product->customfieldsCart as $field) { ?>
            <div class="product-field product-field-type-<?php echo $field->field_type ?>">
            <div class="wrapper">
            <span class="product-fields-title"><b><?php echo JText::_($field->custom_title) ?></b></span>
            <span class="product-field-display"><?php echo $field->display ?></span>
            </div>
            <span class="product-field-desc"><?php echo $field->custom_field_desc ?></span>
            </div>
            <?php
        }
        ?>

        </div>
    <?php } ?>
     <div class="clear" />
    </div>    
    <?php
        /* Product custom Childs
         * to display a simple link use $field->virtuemart_product_id as link to child product_id
         * custom_value is relation value to child
         */

        if (!empty($product->customsChilds)) {
            ?>
            <div class="product-fields">
        <?php foreach ($product->customsChilds as $field) { ?>
                <div class="product-field product-field-type-<?php echo $field->field->field_type ?>">
                <span class="product-fields-title"><b><?php echo JText::_($field->field->custom_title) ?></b></span>
                <span class="product-field-desc"><?php echo JText::_($field->field->custom_value) ?></span>
                <span class="product-field-display"><?php echo $field->display ?></span>
                </div><br />
            <?php } ?>
            </div>
    <?php } ?>
    <div class="addtocart-bar">
    <div class="controls">        
    <label for="quantity<?php echo $product->virtuemart_product_id;?>" class="quantity_box"><?php echo JText::_('COM_VIRTUEMART_CART_QUANTITY'); ?>: </label>
     <span class="box-quantity">
        <span class="quantity-box" style="display:inline-block">
        <input type="text" class="quantity-input js-recalculate" name="quantity[]" value="<?php if (isset($product->min_order_level) && (int) $product->min_order_level > 0) {
             echo $product->min_order_level;
            } else {
                echo '1';
            } ?>" />
        </span>
        <span class="quantity-controls js-recalculate">
        <input type="button" class="quantity-controls quantity-plus" />
        <input type="button" class="quantity-controls quantity-minus" />
        </span>
        </span>
        <?php // Display the quantity box END ?>
        </div>
    <?php // Add the button
        $button_lbl = JText::_('COM_VIRTUEMART_CART_ADD_TO');
        $button_cls = 'addtocart-button cart-click btn'; //$button_cls = 'addtocart_button';
    ?>
        <?php // Display the add to cart button ?>
        <div class="clear" />
        <span class="addtocart_button">
            <button type="submit" value="<?php echo $button_lbl ?>" class="<?php echo $button_cls ?>"><?php echo $button_lbl ?></button>
        </span>
        <div class="det">
            <?php // Product Details Button
            echo JHTML::link($product->link, JText::_('ART_DETAILS'), array('title' => $product->product_name,'class' => 'btn-det'));
            ?>
             <div id="compare_cat" class="jClever">
                <input id="prods<?php echo $product->virtuemart_product_id;?>" class="compare_checkbox"    type="checkbox"    name="prods<?php echo $product->virtuemart_product_id;?>"></input>
                <label style="float:left;" for="prods<?php echo $product->virtuemart_product_id;?>" class="compare-label"><?php echo JText::_('ADD_TO_COMPARE');?></label>
                <a href="index.php?option=com_compare&view=compare" class="go_to_compare"><?php echo JText::_('GO_TO_COMPARE'); ?></a>
              </div>
        </div>

    <input type="hidden" class="pname" value="<?php echo $product->product_name ?>"/>
    <input type="hidden" name="option" value="com_virtuemart" />
    <input type="hidden" name="view" value="cart" />
    <noscript><input type="hidden" name="task" value="add" /></noscript>
    <input type="hidden" name="virtuemart_product_id[]" value="<?php echo $product->virtuemart_product_id ?>" />
    <input type="hidden" name="virtuemart_category_id[]" value="<?php echo $product->virtuemart_category_id ?>" />    
</div>
</form>
<?php } ?>
</div>
<?php }?>

In order to be displayed on the list kvontiti have to change styles

#product_list .addtocart-bar .quantity-box, #product_list .addtocart-bar .quantity-controls, #product_list .addtocart-bar .quantity_box {
display: block;
}

you can put the same form and in the grid, but it will be necessary to change

<div id="compare_cat" class="jClever">
<input id="prods<?php echo $product->virtuemart_product_id;?>" class="compare_checkbox"    type="checkbox"    name="prods<?php echo $product->virtuemart_product_id;?>"></input>
<label style="float:left;" for="prods<?php echo $product->virtuemart_product_id;?>" class="compare-label"><?php echo JText::_('ADD_TO_COMPARE');?></label>
<a href="index.php?option=com_compare&view=compare" class="go_to_compare"><?php echo JText::_('GO_TO_COMPARE'); ?></a>
</div>

with

<div id="compare_cat" class="jClever">
    <input id="prod_<?php echo $product->virtuemart_product_id;?>" class="compare_checkbox"    type="checkbox"    name="compare_<?php echo $product->virtuemart_product_id;?> "></input>
    <label style="float:left;" for="prod_<?php echo $product->virtuemart_product_id;?>" class="compare-label"><?php echo JText::_('ADD_TO_COMPARE');?></label>
    <a href="index.php?option=com_compare&view=compare" class="go_to_compare"><?php echo JText::_('GO_TO_COMPARE'); ?></a>
</div>

For module products also need to insert the form and watch styles.