VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Mamut on April 14, 2015, 21:26:06 PM

Title: Popup editing ?
Post by: Mamut on April 14, 2015, 21:26:06 PM
Hi, i have Joomla eshop with VirtueMart, and i have some problems :D

In attachment is screenshot of popup - displaying when u add item to the cart.
It is ugly right now so i want to remake it, but after hours searching i still didnt find file with html of this popup .. i read some tutorials but still there was no editable html or css just generating with PHP.

I would be gratefull if u tell me where i can findt it :D Thanks you
Title: Re: Popup editing ?
Post by: jenkinhill on April 15, 2015, 00:10:44 AM
http://forum.virtuemart.net/index.php?topic=128401.0
Title: Re: Popup editing ?
Post by: jjk on April 15, 2015, 03:57:35 AM
Your screenshot is typical for a bootstrap 3/fancybox conflict. So I assume you are using Joomla 3.x/VM3.x with a Bootstrap 3 template. Find the following in your bootstrap.css file:

*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;


and add these lines below:
/* FIX FANCYBOX */
#fancybox-wrap * {
max-width: 100% !important;
}

#fancybox-wrap,
#fancybox-wrap * {
-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     -ms-box-sizing: content-box;
      -o-box-sizing: content-box;
         box-sizing: content-box;
}


This resets the border-box properties of Bootstrap 3 for all Fancybox elements. You might not have noticed it yet, but without this fix Bootstrap 3 shrinks your images in the fancybox by 10px.
Title: Re: Popup editing ?
Post by: Mamut on April 15, 2015, 08:30:30 AM
Thanks you, and sorry for bad posting.

But still i can not find where i can edit html of this.. like adding new div into this popup. (I want make left and right side - something like in screenshot)
Im Ok with HTML CSS and PHP medium but this structure of eshop is a great unknown :D

(https://www.imageupload.co.uk/images/2015/04/15/eshop.png)
Title: Re: Popup editing ?
Post by: GJC Web Design on April 15, 2015, 10:58:05 AM
isn't it components\com_virtuemart\views\cart\tmpl\padded.php ?
Title: Re: Popup editing ?
Post by: Mamut on April 15, 2015, 16:21:05 PM
Yes, it is. But how i can edit this :X

defined('_JEXEC') or die('Restricted access');

echo '<a class="continue_link" href="' . $this->continue_link . '" >' . vmText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') . '</a>';
echo '<a class="showcart floatright" href="' . $this->cart_link . '">' . vmText::_('COM_VIRTUEMART_CART_SHOW') . '</a>';
if($this->products){
   foreach($this->products as $product){
      if($product->quantity>0){
         echo '<h4>'.vmText::sprintf('COM_VIRTUEMART_CART_PRODUCT_ADDED',$product->product_name,$product->quantity).'</h4>';
      } else {
         if(!empty($product->errorMsg)){
            echo '<div>'.$product->errorMsg.'</div>';
         }
      }

   }
}


if(VmConfig::get('popup_rel',1)){
   //VmConfig::$echoDebug=true;
   if ($this->products and is_array($this->products) and count($this->products)>0 ) {

      $product = reset($this->products);

      $customFieldsModel = VmModel::getModel('customfields');
      $product->customfields = $customFieldsModel->getCustomEmbeddedProductCustomFields($product->allIds,'R');

      $customFieldsModel->displayProductCustomfieldFE($product,$product->customfields);
      if(!empty($product->customfields)){
         ?>
         <div class="product-related-products">
         <h4><?php echo vmText::_('COM_VIRTUEMART_RELATED_PRODUCTS'); ?></h4>
         <?php
      }
      foreach($product->customfields as $rFields){

            if(!empty($rFields->display)){
            ?><div class="product-field product-field-type-<?php echo $rFields->field_type ?>">
            <div class="product-field-display"><?php echo $rFields->display ?></div>
            </div>
         <?php }
      } ?>
      </div>
   <?php
   }
}

?><br style="clear:both">
Title: Re: Popup editing ?
Post by: Mamut on April 15, 2015, 16:23:59 PM
Oh. Just now i see it xD

echo '<a class="continue_link" href="' . $this->continue_link . '" >' . vmText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') . '</a>';
echo '<a class="showcart floatright" href="' . $this->cart_link . '">' . vmText::_('COM_VIRTUEMART_CART_SHOW') . '</a>';

->
echo '<div class="MYDIV">';
echo '<a class="continue_link" href="' . $this->continue_link . '" >' . vmText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') . '</a>';
echo '<a class="showcart floatright" href="' . $this->cart_link . '">' . vmText::_('COM_VIRTUEMART_CART_SHOW') . '</a>';
echo '</div>';

It will work right ? Thanks u i was blind before :D
Title: Re: Popup editing ?
Post by: belsaas on May 12, 2015, 22:37:54 PM
I'm trying to find this

*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;


in the file bootstrap.css, but I can't find it.