Announcement

**Brennan** · 06-25-12, 07:28 AM

Re: Quick Look or Quick View of Product

Hey Guys -

While you can use image machine on the CTGY, PLST, SRCH pages, it would only be good at showing an image, not necessarily a true quick look which usually allows you to buy from that page. We did a quick look for one of our clients:

http://www.scottevest.com/v3_store/subindex_shirts_hoodies.shtml

It uses a light box to display a new product page template we created for the smaller space. When you click on the quick look button the light box loads the regular Miva PROD page where we pass a parameter in url for quicklook (&quicklook=1)

We then check for this parameter on the PROD page and if it exists we display a different version of the product page template, one that fits in the smaller space.

To keep the code clean we separate out this code into its own tab using the Miva Content Item.

Here is the code we have on the PROD page:

Code:

<mvt:if expr="g.quicklook EQ 1 ">
	<mvt:item name="quicklook_template" param="content" />
	<mvt:exit />
</mvt:if>

This is a simple way to get a completely different template to show for things like this where you need a different layout. This combined with a simple lightbox script (Here were using fancybox) can give you a really nice functioning quicklook on your category pages.

**Mark Hood** · 06-25-12, 07:52 AM

Re: Quick Look or Quick View of Product

Originally posted by Brennan View Post

Hey Guys -

While you can use image machine on the CTGY, PLST, SRCH pages, it would only be good at showing an image, not necessarily a true quick look which usually allows you to buy from that page. We did a quick look for one of our clients:

http://www.scottevest.com/v3_store/subindex_shirts_hoodies.shtml

It uses a light box to display a new product page template we created for the smaller space. When you click on the quick look button the light box loads the regular Miva PROD page where we pass a parameter in url for quicklook (&quicklook=1)

We then check for this parameter on the PROD page and if it exists we display a different version of the product page template, one that fits in the smaller space.

To keep the code clean we separate out this code into its own tab using the Miva Content Item.

Here is the code we have on the PROD page:

Code:

<mvt:if expr="g.quicklook EQ 1 ">
    <mvt:item name="quicklook_template" param="content" />
    <mvt:exit />
</mvt:if>

This is a simple way to get a completely different template to show for things like this where you need a different layout. This combined with a simple lightbox script (Here were using fancybox) can give you a really nice functioning quicklook on your category pages.

That's a cool direction....hmm this might be a really nice blog post for you guys to do

**blarson** · 06-25-12, 08:02 AM

Re: Quick Look or Quick View of Product

We have a quick view on our sites using almost the same solution that Brennan mentions - I think its a great solution overall. Like he mentions we utilize another PROD template that pulls most of the regular product fields plus some custom fields. Since the page is dynamic it requires little to no manual updates and we no index, no follow the page to avoid any potential dup content issues. We then use jQuery to open the quick view PROD template via an iframe modal window.

**Datagg** · 10-10-12, 12:49 AM

Re: Quick Look or Quick View of Product

Originally posted by Mark Hood View Post

That's a cool direction....hmm this might be a really nice blog post for you guys to do

Mark hit the nail on the head... has there been a Blog post on this.. hope i didn't miss it... Been looking and waiting for a solution to this elusive quick view puzzle. Anyways, if not, one would be great for us mmui and cssui folks.

here is to crossing all that can be crossed....

**PCINET - Andreas** · 10-10-12, 02:01 PM

Re: Quick Look or Quick View of Product

We maybe coming up with a module doing quick view, minibasket etc.

At the last Miva conference we already demonstrated our idea. The entire solution is ajax based so no iframes necessary.

A early version is implemented on this site. You have the quick view, floating basket (when adding from the regular prod page) and the regular basket page doesn't refresh when changing the content. Try it out!

**Datagg** · 10-10-12, 03:01 PM

Re: Quick Look or Quick View of Product

Originally posted by PCINET - Andreas View Post

We maybe coming up with a module doing quick view, minibasket etc.

At the last Miva conference we already demonstrated our idea. The entire solution is ajax based so no iframes necessary.

A early version is implemented on this site. You have the quick view, floating basket (when adding from the regular prod page) and the regular basket page doesn't refresh when changing the content. Try it out!

Damn that looks sweet Andreas, GREAT JOB...... I want it!!!!

**PCINET - Andreas** · 10-10-12, 03:23 PM

Re: Quick Look or Quick View of Product

Look at our latest implementation of the module.

dev site of live store - not ready yet. Try the Quickview and use arrows to move to next product. Add to basket etc. http://dev.allinmerch.com/category/TUI.html

**Datagg** · 10-10-12, 03:54 PM

Re: Quick Look or Quick View of Product

Originally posted by PCINET - Andreas View Post

Look at our latest implementation of the module.

dev site of live store - not ready yet. Try the Quickview and use arrows to move to next product. Add to basket etc. http://dev.allinmerch.com/category/TUI.html

Looks GREAT Andreas..... I knew someone sometime would have to come up with a Module to do this on a regular level..... Again great work..... Will it also work in a MMUI site?

**Datagg** · 08-25-13, 10:24 PM

Re: Quick Look or Quick View of Product

Originally posted by PCINET - Andreas View Post

Look at our latest implementation of the module.

dev site of live store - not ready yet. Try the Quickview and use arrows to move to next product. Add to basket etc. http://dev.allinmerch.com/category/TUI.html

Anymore info on this?

**Dan - Glendale Designs** · 08-26-13, 06:45 AM

Re: Quick Look or Quick View of Product

This can be done without the use of a module. Miva Merchant has posted an example here, can pretty much be expanded from there: http://www.mivamerchant.com/blog/how...merchant-store

**PCINET - Andreas** · 08-26-13, 07:28 AM

Re: Quick Look or Quick View of Product

Slight but important difference is that Tim's solution uses JSON. This means no page reloads and with it way faster than anything out there ;)
Tim didn't turn this into a module yet, too much work and no time for module coding.

**Dan - Glendale Designs** · 08-26-13, 07:51 AM

Re: Quick Look or Quick View of Product

Slight but important difference is that Tim's solution uses JSON. This means no page reloads and with it way faster than anything out there ;)

The Miva Merchant example uses Fancybox (jQuery/AJAX), no page reloads there either. The example provided in the tutorial is defintiely slow, but there is a lot of additional resources/overhead at play there. We have used this method on a number of stores with great success.

**PCINET - Andreas** · 08-26-13, 07:54 AM

Re: Quick Look or Quick View of Product

Nice!

**titlehere** · 08-26-13, 01:44 PM

Re: Quick Look or Quick View of Product

We use this kind of implementation for most of our categories: http://www.nordicneedle.com/ctgy/fabric.html

Ours is just jQuery and very simple coding and Bill's toolkit. We don't utilize a miva content item since we made it pretty simple.

**Dan - Glendale Designs** · 08-26-13, 01:45 PM

Re: Quick Look or Quick View of Product

That's a quick QuickView ;)

Announcement

Quick Look or Quick View of Product

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment