Virtuemart Support :: Topic: [SOLVED] Quicklook sizing (1/1)

Welcome, Guest

TOPIC: [SOLVED] Quicklook sizing

[SOLVED] Quicklook sizing 11 years 7 months ago #251

Rowan Hoskyns Abrahall	Quicklook is by its nature a pop up "quick look" at a product. Currently when I use it on the site the pop-up has to be the width of the template in order to avoid scrolling. How can I get quicklook to use % widths of the pop-up and not of the template? Thanks.
	Last Edit: 11 years 7 months ago by Support. The topic has been locked.

Quicklook sizing 11 years 7 months ago #258

Support

Hi,

I don't quite understand what you are saying.
Can you provide me some sample websites to let me see it?

QUICK LOOK modal popup uses constant width and height values (in pixel), i can guide you to change those values though. It requires you little PHP editing, but you will just change the numbers. I believe Fancybox doesn't support the percentage values, they have to be constant values in pixel only.

(by the way; fancybox is the modal popup extension we used for QUICK LOOK, and it comes with Virtuemart officially)

Cheers.

Last Edit: 11 years 7 months ago by Support.

The topic has been locked.

Quicklook sizing 11 years 7 months ago #266

Rowan Hoskyns Abrahall

Firstly all the calls I am seeing are facebox and not fancybox, I can't see any setting in VM to change from facebox to fancybox, have I missed something?

Secondly let me try to explain a bit better.

My template is based on Gantry with a 940px width. When the modal comes up it loads up at a 940px width which means the pop up has to scroll and looks terrible.

This make more sense?

I need to be able to tell the quickbuy modal to wrap the output in a div the same width of the popup.

The topic has been locked.

Quicklook sizing 11 years 7 months ago #267

Support

My mistake, my brain is about to explode these days. Of course it is facebox,
Fancybox is the one that we are planing to integrate in our upcoming VM Template. I just mixed them. But don't blame me, they have soo similar names :D

i kinda understand what you are saying, it shouldn't have been like that though. Do you have a live server that i can run some tests? (i will try to add some CSS rules by Firebug to see if i can find a way to wrap inside the modal popup.)

cheers.

The topic has been locked.

Quicklook sizing 11 years 7 months ago #270

Rowan Hoskyns Abrahall	You'll need to mod your hosts file 87.106.190.161 www.cedarlia.com Its on my server but isn't live yet, the old site is still live. I've tried adding tmpl component to the call but that still loads the width, I suppose a template override would be a way to go for the modal. any help most appreciated.
	The topic has been locked.

Quicklook sizing 11 years 7 months ago #273

Support	I successfully opened your website and i am seeing the problem you are having . Stay tuned, i am in your website now. I will get back you when i find a solution.
	The topic has been locked.

Quicklook sizing 11 years 7 months ago #274

Support

Hi,

Did you change this DIV tag on purpose?

<div class="productdetails-view" style="width: 80%;">

Anyway, open this PHP file:
www.cedarlia.com/templates/rt_camber/html/com_virtuemart/productdetails/flexv2.php

and find that Line:

<div class="productdetails-view" style="width: 80%;">

Change it with this:

<?php if ($parameter == "quickbuy") {?>
<div class="productdetails-view" style="width: 73%;">
<?php } else { ?>
<div class="productdetails-view" style="width: 80%;">
<?php } ?>

And you will be good to go. This PHP line as you might guess, if it finds the "quickbuy" parameter in the URL (which happens when QUICK LOOK is clicked), the DIV width will be 73% which is enough to get the full screen in modal popup. Otherwise the width will be 80% for normal browsing. You can play around with it since (i believe) you get the idea.

Cheers.

The topic has been locked.

Quicklook sizing 11 years 7 months ago #286

Rowan Hoskyns Abrahall	Perfect just what I was looking for. Thank you very much! One more little thing, how do I remove the larger image link in the quicklook modal? If you click on it it loads the image in the same modal with no navigation which is confusing for the visitor. Many thanks.
	Last Edit: 11 years 7 months ago by Rowan Hoskyns Abrahall. Reason: Added question The topic has been locked.

Quicklook sizing 11 years 7 months ago #297

Support

Hi,

you can use the same IDEA to hide the "enlarge view" button from quickbuy modal box.

Find this LINE in product details page (which is to load the "enlarge view" button)

<a href="<?php echo 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $this->product->virtuemart_product_id . '&virtuemart_category_id=' . $this->product->virtuemart_category_id . '&tmpl=component&flexible=largeview'; ?>"<?php  if (!($parameter == "quickbuy")) { ?> rel="facebox" rev="iframe|550|900"<?php } ?>><img src="<?php echo $FlexibleImagePATH; ?>Flexible/largerView.png" style="float:right;" width="85" height="20" /></a>

And change it with this:

<?php if (!($parameter == "quickbuy")) {?>
<a href="<?php echo 'index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $this->product->virtuemart_product_id . '&virtuemart_category_id=' . $this->product->virtuemart_category_id . '&tmpl=component&flexible=largeview'; ?>"<?php  if (!($parameter == "quickbuy")) { ?> rel="facebox" rev="iframe|550|900"<?php } ?>><img src="<?php echo $FlexibleImagePATH; ?>Flexible/largerView.png" style="float:right;" width="85" height="20" /></a>
<?php } ?>

(this PHP If...end says; if the parameter is NOT quickbuy, show the enlarge view button)

But make sure you copy-paste things correctly, IF..END line must be in order correctly, otherwise you will end up with an PHP error. Make sure you save your PHP files before touching it.

The topic has been locked.