Dynamic Mo Pics :: Allows more than one image per product

Anonymous · 09-12-2003, 06:47 PM

Actually, I found Big Images to be far superior and easier to use. But thats just for me. I don't need to spend hours trying to get it configured, then creating extra folders and uploading pics into 2 different folders, too much work. With Big Images you just make your thumbs and then you upload them through admin or Easy populate. Images all go in one folder. Simple and easy. You may want to consider adding it to your next upgrade.

**jmf** · 09-16-2003, 10:18 PM

Hi, I am struggling with this as well. Unfortunately I removed the product file for the printer hardware sample you set up. I have followed your example below however.
Step1- v_products_image path = thumbs/imagename_pic1.gif
Step2- Upload imagename_pic1.gif into /catalogue/images/thumbs/
Step3- Uploaded additional gif's with Step2 (imagename_pic2.gif etc)
Step4- Upload imagename_big into images/image_big/

As far as I can recall the config in admin / config / dynamic mopics is as you setup ie:
Big Images images_big/
Thumbs thumbs/
Main thumbnail in thumb dir true
mopic ext _pic
main big pic ext _big
image types set to gif

Cannot find out where I have stuffed up. Help needed. Cheers

Originally Posted by msasek

annea03, you manuallly upload the big pictures to the images_big directory. And yes you are missing something. If you are using the default mopics setup inclued in MS2-MAX, when you create your product, the image path needs to be thumbs/image.jpg in the Products Image field.

Then after you set up your product, you need to upload the thumbnail image manually to the thumbs dir.

Then, if you have more pics that you want on your product page, you manually upload the images to the thumbs dir and the images_big dir, and you name them according to the naming scheme you have set up in the admin.

If using the default MS2-MAX setup, you would name your images like this:

thumbs dir:
image_pic1.jpg
image_pic2.jpg
image_pic3.jpg

images_big dir:
image1_big.jpg
image2_big.jpg
image3_big.jpg

And mo pics is 100% setup and configured. All you have to do is upload your images and set the correct thumbnail path. and it will automatically work. In fact, EVERY mod included in MS2-MAX is installed and working, ready for immediate use. No additional coding is needed. That is the whole purpose of MS2-MAX. Out of the box usability.

**michael_s** · 09-16-2003, 11:52 PM

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.

**jmf** · 09-17-2003, 02:04 AM

Thanks, much appriciated.

**jmf** · 09-17-2003, 03:06 AM

So, does this mean that we cannot load the Products Image field path on local PC excel file and use EP to upload to db, then follow from step 3 the proceedure described?

**jmf** · 09-17-2003, 05:07 AM

Error in the above in Step1 "in the Products Image field, type this path : images/thumbs/exmain.gif. " change to a path of thumbs/exmain.gif. if using the defaults in AABox MS2-Max config.

Or load Products Image path on local PC excel file and use EP to upload to db, then move to step 3, works fine. Use the following proceedure for this:-

For those that have a large number of products, another way to handle MOPics is:
Step 1- Use EP (in admin catalog/Easy Populate) 'download complete tab-delimited .txt file to edit' (assuming use excel to edit on local PC)
Step 2- remove unnessesary columns to leave only v_products_model and v_products_image columns
Step 3- insert path thumb/exmain.gif in v_products_image (Product Image field) as per previous msasek post - where exmain.gif is the main thumb gif filename for each product line.
Step4- Save excel file under new name and close
Step5- Goto catalog/admin and using EP 'Upload EP' file browse for excel file and insert into db. If over 300 records possibly need to split (read EP readme files in contributions)
Step 6- follow from Step 3 in msasek post above

Cheers

**mike_steinhoff** · 09-22-2003, 10:34 AM

msasek,

I have read this tutorial and the multitude of posts in the osc forums. I thought I had this beast licked, but alas I was incorrect. Here is my problem:

I add the mopics,(extension _pic1 in the thumbs dir) but when I click to enlarge the added mopics, the enlarged picture defaults to the big picture for the main picture.

you can go here for an example:
http://www.kraftwareonline.com/catal...products_id=73

Here is the setup:

main thumb: /images/QuatroTangbucket.jpg
click to enlarge mainthumb: /images/images_big/QuatroTangbucket_big.jpg

mopics: /images/thumbs/QuatroTangbucket_pic1.jpg
click to enlarge mopics: /images/images_big/QuatroTangbucket_big.jpg

Notice the bold text does not point to QuatroTangbucket_pic1.jpg as it should. I have added the QuatroTangbucket_pic1.jpg in the images_big and images directories in an attempt to get it to bring up the correct enlarged picture.

Mopics configuration:

Big Images Director: images_big/
Thumbnail Images Directory: thumbs/
Main Thumbnail In Thumb Directory: false
Number of Pics per Row: 4
Mo Pics Extension: _pic
Main Big Pic Extension: _big
Mo Pics Thumbnail Image Type: jpg
Mo Pics Big Image Type: jpg

Any guidance would be appreaciated

Thanks

Mike

**michael_s** · 09-22-2003, 02:57 PM

mike_steinhoff, based on your mopics admin settings, your image:

/images/QuatroTangbucket.jpg

should be in:

/images/thumbs/QuatroTangbucket.jpg

**mike_steinhoff** · 09-22-2003, 04:42 PM

Negative...The main thumb is in /images directory. This setting: Main Thumbnail In Thumb Directory: false
is what determines that. A setting of true would mean that the images should be in the /images/thumbs directory.

I am unable to use your instructions above...if I try to type in the image name it does not work. I have to browse to image to get the image name to change. I have tried and tried.

Anonymous · 09-22-2003, 05:00 PM

Can't make it work ;|
I read again and again the instructions and post here but my shop seems not to be working... weird

Can someone figure out why?
http://www.gfxontheweb.com/catalog/
P.s.
The Hardware printer is pretty weird....someone solved this?
Don't post only problems but also solutions

Thanks for your efforts, i'm actually running a live shop with MS1 and lots of mods installed and think you are doing a very good and useful work