Popup editing ?

[Mamut]

Hi, i have Joomla eshop with VirtueMart, and i have some problems

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 Thanks you

[jenkinhill]

http://forum.virtuemart.net/index.php?topic=128401.0

[jjk]

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:

Code Select Expand


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

and add these lines below:

Code Select Expand

/* 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.

[Mamut]

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

[GJC Web Design]

isn't it components\com_virtuemart\views\cart\tmpl\padded.php ?

[Mamut]

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">

[Mamut]

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

[belsaas]

I'm trying to find this

Code Select Expand

*: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.