Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Joomla Virtuemart Template - DarkMart (SKU# FLEX-00011)

TOPIC: iFrame Sizing

iFrame Sizing 10 years 7 months ago #6146

How I can swith off this global settings of iframe, in which file?

<i-frame width="900" scrolling="auto" height="550"> for iframe popups
Last Edit: 10 years 7 months ago by Sergejs Lavrovs.
The topic has been locked.

iFrame Sizing 10 years 7 months ago #6161

Hi,

Those iframe's are generated automatically based on the "facebox" sizing settings.
Look at the category browse page PHP files:

/templates/flexible_darkmart/html/com_virtuemart/category/default.php

and look for this line (you will find this in many different lines - find them all and change the values for all):

Attachment Pasted_Image_8_27_13_5_29_PM.png not found




Regards.
The topic has been locked.

iFrame Sizing 10 years 7 months ago #6165

/templates/flexible_darkmart/html/com_virtuemart/category/default.php
<?php if ($params->get('category_multi_quicklook',1)) { ?>
                    <a class="FlexibleProductHoverShadowQUICK" title="<?php echo $product->product_name; ?>" rel="facebox" rev="iframe|630|900" href="<?PHP echo JRoute::_ ( 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&tmpl=component&flexiblelayout=quicklook&virtuemart_category_id=' . $product->virtuemart_category_id);?>"><?php echo JText::_("TPL_FLEXIBLE_QUICK_LOOK"); ?></a>
                    <?php } ?>

I was changet it, but still dont work.... But when I change this parameter in FireBug, then all works... Whats wrong?
The topic has been locked.

iFrame Sizing 10 years 7 months ago #6178

As i have told you, there are many different places where you can find that line (at least 10 different places). You just changed one of them

The code you have copy-pasted belongs to: "QuickLook" button of the "MultiGridView".

Open your website frontend, by clicking the SWITCH VIEW and open the MultiGridView. In here, mouse-hover any product and click the "QuickLook" button. You will see, the popup will be re-sized based on what you defined.
Last Edit: 10 years 7 months ago by Support.
The topic has been locked.

iFrame Sizing 10 years 7 months ago #6181

I press "QuickLook" button and then whith the help of FireBug I looking for iframe parameters: They looks like so:
<div id="facebox" style="top: 228px; left: 304.117px;">
<div class="popup">
<div class="content">
<i-frame width="900" scrolling="auto" height="550" frameborder="0" marginheight="0" src="http://www.alltop-und-billig.de/damenmode/oberbekleidung/jeans/11792-detail.html?tmpl=component&flexiblelayout=quicklook" marginwidth="0">

And then I go here: /templates/flexible_darkmart/html/com_virtuemart/category/default.ph

And change that:
<?php if ($params->get('category_multi_quicklook',1)) { ?> <a class="FlexibleProductHoverShadowQUICK" title="<?php echo $product->product_name; ?>" rel="facebox" rev="iframe|630|900" href="<?PHP echo JRoute::_ ( 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&tmpl=component&flexiblelayout=quicklook&virtuemart_category_id=' . $product->virtuemart_category_id);?>"><?php echo JText::_("TPL_FLEXIBLE_QUICK_LOOK"); ?></a>  <?php } ?>

Exactly this part of the code answers for the view IFRAME "QuickLook" product. And it is dont work...
But over FireBug I change it and all works perfect!

If there any other code whict answers for this function IFRAME "QuickLook" please let me know where search it?
The topic has been locked.

iFrame Sizing 10 years 7 months ago #6185

to change the Iframe size, the only parameter you can make edit is this: rel="facebox" rev="iframe|630|900"

The iframe HTML tag is not hard coding. it is generated by facebox plugin dynamically. It will be resized by firebug because firebug sees the already generated HTML tags, but in the background, there is no iframe tag to modify. It is generated dynamically by FACEBOX plugin. Facebox is a 3rd party plugin to create iframe based modal popups. You can find more info in the official page: defunkt.io/facebox/

Please follow my steps:
/templates/flexible_darkmart/html/com_virtuemart/category/default.php

1- To change the quicklook sizing for "ListView"
Look at the 231st line:
<?php if ($params->get('category_list_quicklook',1)) { ?>
            <div class="FlexibleProductHoverShadowButtons"> <a class="FlexibleProductHoverShadowQUICK" title="<?php echo $product->product_name; ?>" rel="facebox" rev="iframe|550|900"...........

change the rev="iframe|550|900" to rev="iframe|630|900"

2- To change the quicklook sizing for "GridView"
Look at the 629th line:
<?php if ($params->get('category_grid_quicklook',1)) { ?>
                    <a class="FlexibleProductHoverShadowQUICK" title="<?php echo $product->product_name; ?>" rel="facebox" rev="iframe|550|900".....

change the rev="iframe|550|900" to rev="iframe|630|900"

3- To change the quicklook sizing for "MultiGridView"
Look at the 980th line:
<?php if ($params->get('category_multi_quicklook',1)) { ?>
                    <a class="FlexibleProductHoverShadowQUICK" title="<?php echo $product->product_name; ?>" rel="facebox" rev="iframe|550|900"......

change the rev="iframe|550|900" to rev="iframe|630|900"


Now which ever View you are looking at (ListView, GridView or MultiGridView) if you click the "QuickLook" button, the iframe and the modal popup will be width:900, height:630

Regards.
Support & Development
Last Edit: 10 years 7 months ago by Support.
The topic has been locked.

iFrame Sizing 10 years 6 months ago #6191

Thank you! Now Thats work Perfectly!
The topic has been locked.

iFrame Sizing 10 years 6 months ago #6213

your welcome,
I am glad everything works as expected.

Case solved. Topic is closed for clearance.

Cheers,
Support & Development
The topic has been locked.
Time to create page: 0.213 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo