[HOW TO] Dynamic Mo-Pics v2.2

[michael_s]

This tutorial is for Dynamic Mo-Pics v2.2 and is obsolete. osCMax v1.7.1 uses Dynamic Mo-Pics 3.0


Ok,

I have not had time to properly address this until now, but here it is. A full how-to to get you started. This setup is not perfect for everyone, but it will get you started so that you understand how this works. Disregard my previous post, as it is not correct. I missed a few things when explaining, but I hope this will clear it up:

+++++++++++++++++++++++++++++
Mo Pics HOW TO
+++++++++++++++++++++++++++++

First, on your local computer, name your images. For this example I am using the following:

Main Thumbnail : exmain.gif

Big Image for main thumbnail : exmain_big.gif

Name for 3 other pics that I want to appear on the product page:

exmain_pic1.gif
exmain_pic2.gif
exmain_pic3.gif

For this example, these extra pictures are full sized, not thumbs, although they have been optimized for small filesize.
++++++++++++++++++++++++++++++++++++++++

Next, follow these steps:

1. In osCommerce MS2-MAX admin create a product called Mopics Test Product. On the product creation page, in the Products Image field, type this path : thumbs/exmain.gif.

2. Click Preview and then click Update. The image should be broken (red x) in the admin.

3. Next, upload the images from your computer via FTP to the server:

exmain.gif /catalog/images/thumbs
exmain_big.gif /catalog/images/images_big
exmain_pic1.gif /catalog/images/thumbs
exmain_pic2.gif /catalog/images/thumbs
exmain_pic3.gif /catalog/images/thumbs

4. Go to the product page in the catalog, and see your nice images dynamically picked up by the product.


That is all there is to it. You can change the image types if you like. What I do is make all my thumbs .gif files, and then make by big images .jpg files. I set the dynamic mopics settings in the admin to reflect this.

Then, I create my thumbs - exmain_pic1.gif and my big image exmain_pic1.jpg and I upload both to the /catalog/images/thumbs dir. This allows me to have a full sized big pic, and fast loading thumbs.

[chrismole]

msasek,
Your instructions are helpful and I got it to work. I just have two questions...
1. How can I use a thumb and big image for the supporting images? As I see it, the naming convention does not allow for thumbs AND big images for the supporting images. If this is incorrect, please provide some more instructions. I tried this, but it does not work:
image1_pic1.jpg (supporting thumb)
image1_big1.jpg (supporting big)

2. Is there a way to ignore the Small Image Width and Height pixel values and just let the images be their original size? If I have a thumb and a big image, what's the point of resizing them in the IMG tag? I have many images that are not the same proportion (some landscape, some portrait) and these values are distorting my images. Any suggestions?

thanks,
Chrismole

[gigi]

Hi guys,

I have a problem with the large images...the thumbs are coming up fine, but the large images are coming up broken. I followed your instructions above but I failed to get it working....any help would be appreciated!

[gheffron]

Gigi --
Try looking at the source code for the pop-up window with the broken link. Then you can see which directory it's looking for the pictures in (should be near the bottom of the code). That'll be helpful to figuring out where the problem is coming from.

Cheers,
Greg

[gigi]

Thanks Greg....yup, it was all just a matter of filepath...thanks!

[SuperJosh]

well, it looks as though gigi has fixed his problem. however, i'm stumped. something is terribly wrong with my mopics.

here's the problem - the thumb comes up fine, but the popup window is looking for all the wrong stuff. it should be looking here:

/images_big/exmain_big.jpg

and ends up looking here:

/thumbs/exmain_thumb.jpg

here's my setup in the mopics config panel:

big images directory: images_big
thumbnail images directory: thumbs
main thumbnail in thumb directory: true
number of pics per row: 3
mo pics extension: _thumb
main big pic extension: _big
mo pics thumbnail image type: gif
mo pics big image type: jpg

so, what gives? it's changing the image type for the popup window, but leaves both the directory and image extension the same. i am quite confused. any ideas?

Originally Posted by msasek

Then, I create my thumbs - exmain_pic1.gif and my big image exmain_pic1.jpg and I upload both to the /catalog/images/thumbs dir. This allows me to have a full sized big pic, and fast loading thumbs.

This is not at all how the module is meant to work. Why would you put your big images in a thumbnail dir? how does that make any sense?

it is designed to be used like (using your example):
/catalog/images/thumbs/exmain_pic1.gif
/catalog/images/images_big/exmain_pic1.jpg

[RichRodgers.net]

http://healingcrystals.com/product_i...products_id=66

I have done everything as stated above and cannot for the life of me seem to understand why the additional images are not showing up...

Can anyone help me here?

[steveshep]

Do you actually have your customers ftp their files in? I'm dealing with store owners who's basic skills consist of being able to use email. They have no concept of file systems. When you say "Open Windows Explorer", they most always say "huh?".

Is there a more user friendly mod for multiple photos? I've used the contribution that displays one larger image and one thumbnail, and they seem file with that type of interaction.

Any ideas? I really don't want to have to teach everyone how to ftp.

I need help - When i click thumb, instead of getting the exmain_big i get the same thumb... any help would be greatly appreciated. I am looking for the paths but i dont know where to edit the file or even what file to edit, please help as i need this to put my products up