Product List with Quick View of Product Details

[J3DI13]

Hi Maxim

Thanks for the quick response. Below is the link to the dev site for my client.

http://tayloredwright.com/nortech1/index.php/buy/traffic.html

once you have the lightbox open the "Return to Shopping" button is on the top right of the lightbox.

Many thanks

[Maxim Pishnyak]

In my browser (Firefox) everything is ok.

Could you post screen shot with your issue?

[J3DI13]

Hi Maxim

I have attached a screen shot and for interest sake i am using Chrome Version 28.0.1500.72 m (The latest version according to Google) but this happens on IE9, Firefox 22.0 aswell.

You will see on the lightbox issue button.jpg that is the button that brings the site up in a lightbox
and the lightbox issue.jpg is what happens when i select the button.

Hope this helps

[attachment cleanup by admin]

[Maxim Pishnyak]

It could be issue with your template, overloaded by js scripts, or special structure of category page template override.

You could ask template author about support.

[J3DI13]

Ok Thanks for your help Maxim, i will look into that.

[AH]

Thought I had figured this out using fancybox

BUT:-

The mod_virteumart_cart does not update until page is refreshed

Same problem when using the solution posted

Code Select Expand


<?php //New Product details button -> open product details page in modal
    $url = JRoute::_('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id . '&tmpl=component');
?>
<a class="modal product-details" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo $url ?>"><?php echo JText::_('COM_VIRTUEMART_PRODUCT_DETAILS') ?></a>


Using fancybox

1. Created new category override in template/html/category
2. added following code

Code Select Expand


$quikview = "

jQuery(document).ready(function($) {
$('a.quikview').fancybox({
type: 'iframe'

}); 
return false;
});
";

$document->addScriptDeclaration ($quikview);


And the display of a link:-

Code Select Expand


<?php
$quikview_url = JRoute::_('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id . '&tmpl=component');
?>
<a class="quikview" rel="nofollow" href="<?php echo $quikview_url ?>">
     quick view
</a>



Has anyone got any suggestions??

[J3DI13]

Ever so friendly bump 

[AH]

Maxim

Any ideas, I cannot give a live link as this is all being done on a local test server

[Maxim Pishnyak]

My bad, Hutson. I didn't even try to understand what is going wrong.

Probably to links "Continue Shopping" and "Show Cart" should be attached one more time "close iframe" command.

What command closes this popup box in VM?

[liquid.ideas]

Hi Hutson,

If you go to: components/com_virtuemart/views/cart/tmpl/mini_cart.php

change this:

Code Select Expand

<a href="<?php echo $this->continue_link; ?>"><?php echo JText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') ?></a>

to:

Code Select Expand

<a target="_parent" href="<?php echo $this->continue_link; ?>"><?php echo JText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') ?></a>

[AH]

Liquid

Thanks for the response,  my response below is not in anyway trying to be negative about your suggestion, I can see your thinking and it certainly does update the cart and may be useful for someone out there!

I use fancybox so:-
Using fancybox for the "add to cart" so changing views/cart/tmpl/padded.php

Code Select Expand


echo '<a class="continue" target="_parent" href="' . $this->continue_link . '" >' . JText::_('COM_VIRTUEMART_CONTINUE_SHOPPING') . '</a>';



However this has some pretty big problems:-

1. The user has to click the continue-shopping button, the page refreshes (as per code) and the view jumps back to top of page so lots more scrolling required and disorientating for customers
2. If the click the close frame, the cart is left unrefreshed
3. I reduce the time for fancybox popup so they click the "x" frame


And a page refresh seems somewhat excessive to just update a line in the cart_module

Anyone one got the way to get the ajax from the iframe to update the cart module?

[Maxim Pishnyak]

1. The user has to click the continue-shopping button, the page refreshes (as per code) and the view jumps back to top of page so lots more scrolling required and disorientating for customers
2. If the click the close frame, the cart is left unrefreshed

1. Firefox able to scroll back page to its last position after refresh.
2. For such web 2.0 style web shop I would just create menu item "Cart" and get rid of VM cart module. Lesser time of loading web page without cart module. Faster browsing with Quick product viewing would look enough cool.

Thanx for your solution, Hutson.