Possible image viewer for products

Hmmm, you got me there, not something I am highly familiar with, if it were I would build it myself, but I assume that is out of the question, so I think your recourse is to search the modules looking for something or maybe ask or move this to the Drupal Commerce queue - when I need modules I might ask in IRC or search drupalmodules.com

josephsergio, to achieve what you want you only need Views and Views Slideshow.

Here is a ready-made view for you - install Views Slideshow and import this view. Keep in mind that this view also uses Cloud Zoom for image zoom effect - unfortunately Cloud Zoom module for Drupal does not work out of the box so if you do decide to use it too and get issues, post here and I'll upload the code

josephsergio,

You shouldn't be displaying product image field at all, only the view. In your content type for product display go to display and disable image field, leaving only the view.

Also, your thumbnails are stacked below each other - if you want them to show in a row, apply css float:left

It's impossible to answer without knowing how you are displaying it now. Remember - it's an endlessly flexible Drupal where one can achieve the result in a number of different ways .

Personally I add that view as a field to a product display content type and then manage fields display with Display Suite (but I utilise Panels layouts when prototyping/building the site from within Display Suite rather than its own built-in layouts as Panels gives me more flexibility).

2 ways you can your View to content type fileds display (well, there are other ways as well)

You can use Drupal module called Viewfield.

Or you can do what I do - use Display Suite, go to Display Suite > Fields admin page, select 'add a block field' and choose your View block from the dropdown. Simple when you know how :)

Your first screenshot - you are in 'manage fields' tab but you need to go to 'manage display' tab instead. Since you added that through Display Suite, it's not a 'real' field and it will only show in 'manage display' tab which DS has taken over.

(By the way your 2nd and 3rd screenshots - you only need to enable that field for nodes)

Your last screenshot - yes, you are in the right place; once you add a field in Display Suite it will appear there, initially in Disabled section.

You last question - I'm not sure what you mean by a workaround. From your OP: "...and I would like to have a front and back image and when you click on each it will change on the screen.". The View I attached will achieve that (although it changes images on the screen on mouse hover but you can change that to on click).
See here for a working example (that's a prototype of a site I am currently working on that uses the view I posted above):
http://brac.servehorizon.net/product/green-trio

Looking at your last screenshot the question is, as ever, - what's in use to produce that page and, more precisely, that specific product? Is that a view? Or are you using default Drupal's 'river of news' front page and AT Commerce's grid layout? If these are teasers for nodes, have you looked at teaser display settings in 'Manage display' for that content type?

"I am going to try and go into the code before prelaunch and just comment out the image..." - what the hell? Why?!
"Another question, as it never ends..." - there is a line between asking for assistance and abusing my willingness to help so I'm going to give a generic advice - building Drupal Commerce store requires reasonable knowledge of Views and Rules at the very least (and that's on top of understanding content types and fields) otherwise you are better off using a shopping cart like Magento, PrestaShop etc. There is plenty of good training material for all sorts of Drupal topics and that would be a good place to start.

Stan: shivers man, this is looking great: http://brac.servehorizon.net/product/green-trio

Really like your image viewer scripts you got running there, its like Magento which I always liked this sort of advanced image viewing out the box. Like the way you treated the top menu as well, with the links sitting right in there snug with the draw handle.

What script are you using for the image hover/viewer?

Thanks a lot Jeff. (it's just a rough prototype for now though, done in Panels, far from ready)

The script and Drupal module is Cloud Zoom; I needed to make a couple of minor changes though, one of which was a z-index issue with IE and the other one had something to do with Views, which I can't recall but I'll find it in Git history if needed.

Hi Joseph,

Could you create an image field in your Product Display instead? This would be completely independent of the Products that you add to the display.

You may also be interested in the Views Fluid Grid which may tidy up your catalogue a little. Install as usual, go to your catalgogue view and change your format from whatever it is to Fluid grid. Please don't ask for support for this here. The place to go would be the issue queue for that module.

Also, make your catalogue images link to the products. If you're having trouble with this google for Views tutorials or documentation. Test everything on a development server!

Joseph, many of your questions are better addressed to other forums. For instance anything to do with Drupal Commerce would be better dealt with at http://www.drupalcommerce.org/ either in their forums, or by reading their documentation. This is what both Jeff and Stan have suggested.

Regards,
John