Announcement

Collapse
No announcement yet.

Adding Product Images To Your Basket In PR8

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adding Product Images To Your Basket In PR8

    Here are the instructions for adding the image machine image to the basket page:

    1. You first need to turn on the Custom Image Fields under utilities. You need image types in order to do this and it order to be able to assign image types to pages like the basket page this setting must be turned on. Click the plus next to utilities and check the box next to Product Image Custom Fields

    2. Next you need to create an image type for the basket page. This can be done on any product page or the main Products screen.

    3. Go to BASK page then basket contents tab. Assign the image type you want to show up here to this page by checking the box next to the image type. This is similar to how regular custom fields work on CTGY or PROD.

    4. Modify the code. Any image type assigned to a page automatically becomes available on the page via SMT. You can reference it by using this entity:

    &mvte:item:imagetypes:ndx; Where ndx would be the code for the image type you created in step 2.

    If you are using image machine with inventory variants and you have the correct color image defined for your image type, the store morph entity &mvte:item:imagetypes:XXX; will automatically contain the correct image for the attribute combination that was selected.
    Last edited by Rick Wilson; 07-05-11, 08:19 AM.
    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    #2
    Re: Adding Product Images To Your Basket In PR8

    A couple quick questions...

    Started following the directions here and it occured to me that after creating the custom image field as directed, that I would now need to create new images for each of my 12,000+ items just to add images to the basket screen? Am I correct in this assumption?

    Is there a way to simply display the existing thumbnail image associated with the product on the basket screen? I would think that most users already had a store up and running before version 8 was released (mine was originally built with Miva 2.0 in 1999) so they would have already photographed all their products and created thumbnails.
    Jim Sisk
    Uncommon Treasures

    Comment


      #3
      Re: Adding Product Images To Your Basket In PR8

      Is it possible to ftp images up, then import the products assignments?
      I love the new system (yup - got it working!) but, even uploading more than a couple images becomes tedious.

      Previously I could just reference the file if I had the naming correct.
      Bill
      William Gilligan - Orange Marmalade, Inc.
      www.OrangeMarmaladeinc.com

      Comment


        #4
        Re: Adding Product Images To Your Basket In PR8

        Yes you can, you just need to use Image types to do it.

        So what you need to do is create Image Types (they could even be Type 1, Type 2, etc...) and then you can Import images that way.
        Thanks,

        Rick Wilson
        CEO
        Miva, Inc.
        [email protected]
        https://www.miva.com

        Comment


          #5
          Re: Adding Product Images To Your Basket In PR8

          Can you share some more?
          I do not see any way to import hundreds of images, and then mass assign them.

          I do see how I can assign one image at a time to one product, and a type...

          But there seems to be no way to import these references short of manually importing to the proper mysql table.

          As jsisk mentioned - a few thousand existing images for existing products - but then assign them one at a time... very slow...

          I realize I can drag images and upload them - but each one must be individually assigned to a product. Can this be imported say from a flat file instead?

          I can reference them in the basket page easily, but i am trying to learn the nuances of the new update.

          Bill
          William Gilligan - Orange Marmalade, Inc.
          www.OrangeMarmaladeinc.com

          Comment


            #6
            Re: Adding Product Images To Your Basket In PR8

            Bill,

            1. You'd FTP them up. (Same as the "old way).
            2. You'd make sure you had Image types in place, so if the most images you'd ever show on a product were 4, then you'd need at least 4 unique Image Types.
            3. Using a spreadsheet you'd put the path to Image 1 to Image Type 1, Image 2 to Image Type 2, etc...
            4. Use the new Import system to Import the proper paths.

            Make sense?
            Thanks,

            Rick Wilson
            CEO
            Miva, Inc.
            [email protected]
            https://www.miva.com

            Comment


              #7
              Re: Adding Product Images To Your Basket In PR8

              Hi rick,
              Yes that makes sense - however, I just completed going thru that process, and the import worked with no errors but the images are not showing up anywhere. They are uploaded - but not referenced as a product TYPE image, or anywhere else that I can see.
              Bill
              William Gilligan - Orange Marmalade, Inc.
              www.OrangeMarmaladeinc.com

              Comment


                #8
                Re: Adding Product Images To Your Basket In PR8

                Bill,

                Can you email me your Import file to look at?

                Just to be clear, you setup the Image Type concept ahead of time. So for example Product Code ABS would have Image Type A at /image.jpg

                Type of configuration?
                Thanks,

                Rick Wilson
                CEO
                Miva, Inc.
                [email protected]
                https://www.miva.com

                Comment


                  #9
                  Re: Adding Product Images To Your Basket In PR8

                  Originally posted by jsisk View Post
                  A couple quick questions...

                  Started following the directions here and it occured to me that after creating the custom image field as directed, that I would now need to create new images for each of my 12,000+ items just to add images to the basket screen? Am I correct in this assumption?

                  Is there a way to simply display the existing thumbnail image associated with the product on the basket screen? I would think that most users already had a store up and running before version 8 was released (mine was originally built with Miva 2.0 in 1999) so they would have already photographed all their products and created thumbnails.
                  Steps to resolve this:

                  1) Create an image type under Products > Image Types
                  2) Install the Product Image Custom Fields module under Utilities
                  3) Export products to flat file, making sure to check the image type
                  4) In the resulting file, move or copy the contents of the thumbnail fields to the image type fields
                  5) Import the products to update them
                  6) Edit the BASK page and on the Basket Contents tab, check the image type you created
                  7) You can now render product images by using &mvt:item:imagetypes:YOUR_IMAGE_TYPE_CODE; within the items foreach loop

                  Keep in mind, these new additional images are automatically re-sized based on the settings of the Image Dimensions tabs on PROD and BASK, so you would most likely want to add the full-sized image to the image type for this.

                  Regards,
                  Last edited by pbrynie; 07-07-11, 01:40 PM.
                  Preston Brynie
                  Software Developer
                  Miva Merchant
                  http://www.mivamerchant.com/

                  Comment


                    #10
                    Re: Adding Product Images To Your Basket In PR8

                    OK sounds like way too much to go through for such a simple feature.

                    Is there a way to skip step 3, 4, 5 and creating and uploading thousands of new images and just call the "item: product: thumbnail" (existing thumbnails) in step 7?
                    Last edited by jsisk; 07-07-11, 03:10 PM.
                    Jim Sisk
                    Uncommon Treasures

                    Comment


                      #11
                      Re: Adding Product Images To Your Basket In PR8

                      You could always just name your images according to product code: I.e, this_code_baskimg.jpg, then in your basket, use:

                      Code:
                       <img src="path/&mvt:global:item:code;_baskimg.jpg">
                      Bruce Golub
                      Phosphor Media - "Your Success is our Business"

                      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                      phosphormedia.com

                      Comment


                        #12
                        Re: Adding Product Images To Your Basket In PR8

                        Originally posted by pbrynie View Post
                        Steps to resolve this:

                        1) Create an image type under Products > Image Types
                        2) Install the Product Image Custom Fields module under Utilities
                        3) Export products to flat file, making sure to check the image type
                        4) In the resulting file, move or copy the contents of the thumbnail fields to the image type fields
                        5) Import the products to update them
                        6) Edit the BASK page and on the Basket Contents tab, check the image type you created
                        7) You can now render product images by using &mvt:item:imagetypes:YOUR_IMAGE_TYPE_CODE; within the items foreach loop

                        Keep in mind, these new additional images are automatically re-sized based on the settings of the Image Dimensions tabs on PROD and BASK, so you would most likely want to add the full-sized image to the image type for this.

                        Regards,
                        I tried this and got nothing. Clearly I'm missing something.

                        I created four image types "prod_image_large", "prod_image_medium", "prod_image_small" and "prod_image_thumb" and, on a test product, dragged images to them to populate the fields. Then, in my PROD page, in the Product Display Layout section I added:

                        Code:
                        large: <img src="&mvt:item:imagetypes:prod_image_large;"> <br/>
                        medium: <img src="&mvt:item:imagetypes:prod_image_medium;"> <br/>
                        small: <img src="&mvt:item:imagetypes:prod_image_small;"> <br/>
                        thumb: <img src="&mvt:item:imagetypes:prod_image_thumb;"> <br/>
                        The result was:

                        Code:
                        <!-- BEGIN IMAGE TEST -->
                        large: <img src=""> <br/>
                        medium: <img src=""> <br/>
                        small: <img src=""> <br/>
                        thumb: <img src=""> <br/>
                        <!-- END IMAGE TEST -->
                        The Custom Fields part of the Product Display Layout section has all four custom fields checked.

                        edit:
                        Realized I'm on the product page but using
                        Code:
                        <img src="&mvt:product:imagetypes:prod_image_large;">
                        does the same.
                        Last edited by PaulTAT; 07-15-11, 11:36 AM.

                        Comment


                          #13
                          Re: Adding Product Images To Your Basket In PR8

                          On the Additional Images tab, are the types assigned to the images? Click an image's path to open the edit dialog and select a type to designate it.
                          Preston Brynie
                          Software Developer
                          Miva Merchant
                          http://www.mivamerchant.com/

                          Comment


                            #14
                            Re: Adding Product Images To Your Basket In PR8

                            They are, yes.

                            Comment


                              #15
                              Re: Adding Product Images To Your Basket In PR8

                              The above instructions are specific to the Basket Contents component, as it actually creates the imagetypes array of images on BASK, so they won't be accessible the same way on PROD. On PROD, they are available through the Product Image Custom Fields module, so they need to be called like this:

                              Code:
                              &mvt:product:customfield_values:productimagecustomfields:IMAGE_TYPE_CODE;
                              NOTE: you must install the Product Image Custom Fields utility module before these variables are accessible.
                              Last edited by pbrynie; 07-15-11, 01:31 PM.
                              Preston Brynie
                              Software Developer
                              Miva Merchant
                              http://www.mivamerchant.com/

                              Comment

                              Working...
                              X