Announcement

Collapse
No announcement yet.

Miva Merchant Production Release 8 Public Beta

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

    Miva Merchant Production Release 8 Public Beta

    Miva Merchant Production Release 8 is officially in public beta. Users who would like to upgrade to PR8 can now do so and need to follow these steps:

    1. Have your host upgrade your Miva Engine to 5.12 and install the GD Library config in your mivavm.conf file.

    2. From your Miva Merchant Admin go to Global Settings -> Domain Settings -> Upgrade Settings

    3. Change your Stream settings from Production to Beta and click Update.

    4. Run the Updates Available from the Streaming Update system.

    If you don't have your engine upgraded or GD installed the upgrade will fail/prevent you from upgrading.
    Thanks,

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

    #2
    PR8 ImageMachine Template Changes for CSSUI

    PR8 ImageMachine Template Changes for CSSUI

    CSSUI:

    Before editing the templates you must install and enable the Image Machine item. In CSSUI you would assign "product_display_imagemachine" and then configure the Tab that's now available on the PROD page.

    On PROD in the main page template:

    Replace...

    Code:
    <head>
    <title>&mvt:store:name; &mvte:product:name;</title>
    <base href="&mvt:global:basehref;" />
    <mvt:item name="prodctgy_meta" param="prod" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
    <mvt:item name="attributemachine" param="head" />
    </head>
    With...

    Code:
    <head>
    <title>&mvt:store:name; &mvte:product:name;</title>
    <base href="&mvt:global:basehref;" />
    <mvt:item name="prodctgy_meta" param="prod" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
    <mvt:item name="attributemachine" param="head" />
    <mvt:item name="product_display_imagemachine" param="head" />
    </head>
    If the Product Display Layout template is set to advanced mode:

    Replace...

    Code:
    <mvt:if expr="NOT ISNULL l.settings:product:image">
    <div class="product-image"><img src="&mvt:product:image;" alt="&mvt:product:name;" /></div>	
    <mvt:else>
    <div class="image-not-available product-image"></div>
    </mvt:if>
    With...

    Code:
    <div class="product-image"><img id="main_image" src="" alt="&mvte:product:name;" /></div>
    <div id="thumbnails" class="thumbnails"></div>
    <div id="closeup_div" class="closeup"><img id="closeup_image" src="" alt="" /><div><a id="closeup_close">close</a></div></div>
    <mvt:item name="product_display_imagemachine" param="body:product:id" />
    <div class="clear product-image-margin"></div>
    Replace...

    Code:
    <div class="product-details-2">
    <form method="post" action="&mvt:global:sessionurl;Screen=BASK">
    <div class="product-description">&mvt:product:descrip;</div>
    With...

    Code:
    <div class="product-details-2">
    <form method="post" action="&mvt:global:sessionurl;Screen=BASK">
    <div class="product-description">&mvt:product:descrip;</div>
    <div id="swatches" class="swatches"></div>
    <div class="clear"></div>
    These are the default styles added to CSSUI.css:

    HTML Code:
    .thumbnails{
    display:block;
    margin:0;
    padding:0;
    width:274px;
    }
    
    .thumbnails li{
    display:block;
    float:left;
    margin:4px 4px 0 0;
    padding:0;
    width:42px;
    height:42px;
    text-align:center;
    border:1px solid #eeeeee;
    cursor:pointer;
    }
    
    .thumbnails li span{
    display:inline-block;
    height:100%;
    text-align:center;
    vertical-align:middle;
    }
    
    .thumbnails li img{
    vertical-align:middle;
    }
    
    .swatches{
    display:inline;
    margin:0;
    padding:0;
    }
    
    .swatches li{
    display:block;
    float:left;
    margin:4px 4px 0 0;
    padding:0;
    width:50px;
    height:50px;
    text-align:center;
    border:1px solid #eeeeee;
    cursor:pointer;
    }
    
    .swatches li span{
    display:inline-block;
    height:100%;
    text-align:center;
    vertical-align:middle;
    }
    
    .swatches li img{
    vertical-align:middle;
    }
    
    .product-image-margin{
    height:8px;
    }
    
    .closeup{
    position:absolute;
    top:75px;
    padding:10px 10px 5px 10px;
    background-color:#ffffff;
    border:1px solid #333333;
    text-align:center;
    display:none;
    z-index:2;
    }
    
    .closeup a{
    cursor:pointer;
    margin:5px 0 0 0;
    z-index:2;
    }
    
    .closeup_backing{
    position:absolute;
    left:0px;
    top:0px;
    background-color:#333333;
    opacity:0.75;
    filter:alpha(opacity=75);
    width:100%;
    }
    Last edited by Rick Wilson; 03-15-11, 01:36 PM.
    Thanks,

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

    Comment


      #3
      PR8 ImageMachine Template Changes for MMUI

      PR8 ImageMachine Template Changes for MMUI

      MMUI:

      Before editing the templates you must install and enable the Image Machine item. In MMUI you would assign "prod_imagemachine" and then configure the Tab that's now available on the PROD page.

      On PROD in the main page template:

      Replace...

      Code:
      <head>
      <title>&mvt:store:name;: &mvt:product:name;</title>
      <base href="&mvt:global:basehref;">
      <mvt:item name="prodctgy_meta" param="prod" />
      <mvt:item name="head" param="head_tag" />
      <mvt:item name="attributemachine" param="head" />
      </head>
      With...

      Code:
      <head>
      <title>&mvt:store:name;: &mvt:product:name;</title>
      <base href="&mvt:global:basehref;">
      <mvt:item name="prodctgy_meta" param="prod" />
      <mvt:item name="head" param="head_tag" />
      <mvt:item name="attributemachine" param="head" />
      <mvt:item name="prod_imagemachine" param="head" />
      </head>
      If the Product Display Layout is in advanced mode...

      Replace...

      Code:
      <table border="0" cellpadding="5" cellspacing="0">
      <tr><td align="left" valign="middle" colspan="2">
      <mvt:item name="fonts" param="hdr_font">
      <b>&mvt:product:name;</b>
      </mvt:item>
      </td></tr>
      <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
      <tr>
      <td align="center" valign="top" rowspan="5">
      <mvt:if expr="NOT ISNULL l.settings:product:image">
      <img src="&mvt:product:image;" alt="&mvt:product:name;">
      <mvt:else>
      &nbsp;
      </mvt:if>
      </td>
      <td align="left" valign="top">
      <mvt:item name="fonts" param="body_font">
      Quantity in Basket:
      <mvt:if expr="l.settings:product:quantity EQ 0">
      <i>None</i>
      <mvt:else>
      <b>&mvt:product:quantity;</b>
      </mvt:if>
      <br>
      Code: <b>&mvt:product:code;</b><br>
      Price: <b><span id="price-value">&mvt:product:formatted_price;</span></b><br>
      <mvt:if expr="l.settings:product:weight NE 0">
      Shipping Weight: <b>&mvt:product:weight;</b> &mvt:store:wtunits;<br>
      </mvt:if>
      <span id="inventory-message">
      <mvt:if expr="l.settings:product:inv_active">
      &mvt:product:inv_long;
      </mvt:if>
      </span>
      </mvt:item>
      </td></tr>
      <form method="post" action="&mvt:global:sessionurl;">
      <input type="hidden" name="Action" value="ADPR">
      <input type="hidden" name="Screen" value="PROD">
      <input type="hidden" name="Store_Code" value="&mvte:store:code;">
      <input type="hidden" name="Product_Code" value="&mvte:product:code;">
      <input type="hidden" name="Category_Code" value="&mvte:global:category_code;">
      <tr><td>&nbsp;</td></tr>
      <tr><td align="left" valign="top">
      <mvt:item name="product_attributes" param="product:id" />
      </td></tr>
      <tr><td>&nbsp;</td></tr>
      <tr><td align="left" valign="middle">
      <mvt:item name="fonts" param="body_font">
      Quantity:
      <input type="text" name="Quantity" value=1 size=4>
      <mvt:item name="buttons" param="AddToBasket" />
      </mvt:item>
      </td></tr>
      </form>
      <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
      <tr><td align="left" valign="middle" colspan="2">
      <mvt:item name="fonts" param="body_font">
      &mvt:product:descrip;
      </mvt:item>
      </td></tr>
      </table>
      With...

      Code:
      <table border="0" cellpadding="5" cellspacing="0">
      <tr><td align="left" valign="middle" colspan="2">
      <mvt:item name="fonts" param="hdr_font">
      <b>&mvt:product:name;</b>
      </mvt:item>
      </td></tr>
      <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
      <tr>
      <td align="center" valign="top" rowspan="4">
      <mvt:item name="fonts" param="body_font">
      <img id="main_image" src="" alt="&mvte:product:name;">
      <div id="thumbnails" class="thumbnails"></div>
      <div id="closeup_div" class="closeup"><img id="closeup_image" src="" alt="&mvte:product:name;"><div><a id="closeup_close">close</a></div></div>
      <mvt:item name="prod_imagemachine" param="body:product:id" />
      <div class="clear product-image-margin"></div>
      </mvt:item>
      </td>
      <td align="left" valign="top">
      <mvt:item name="fonts" param="body_font">
      Quantity in Basket:
      <mvt:if expr="l.settings:product:quantity EQ 0">
      <i>None</i>
      <mvt:else>
      <b>&mvt:product:quantity;</b>
      </mvt:if>
      <br>
      Code: <b>&mvt:product:code;</b><br>
      Price: <b><span id="price-value">&mvt:product:formatted_price;</span></b><br>
      <mvt:if expr="l.settings:product:weight NE 0">
      Shipping Weight: <b>&mvt:product:weight;</b> &mvt:store:wtunits;<br>
      </mvt:if>
      <span id="inventory-message">
      <mvt:if expr="l.settings:product:inv_active">
      &mvt:product:inv_long;
      </mvt:if>
      </span>
      </mvt:item>
      </td></tr>
      <tr>
      <td id="swatches" class="swatches">&nbsp;</td>
      </tr>
      <form method="post" action="&mvt:global:sessionurl;">
      <input type="hidden" name="Action" value="ADPR">
      <input type="hidden" name="Screen" value="PROD">
      <input type="hidden" name="Store_Code" value="&mvte:store:code;">
      <input type="hidden" name="Product_Code" value="&mvte:product:code;">
      <input type="hidden" name="Category_Code" value="&mvte:global:category_code;">
      <tr><td>&nbsp;</td></tr>
      <tr><td align="left" valign="top">
      <mvt:item name="product_attributes" param="product:id" />
      </td></tr>
      <tr><td align="left" valign="middle">
      <mvt:item name="fonts" param="body_font">
      Quantity:
      <input type="text" name="Quantity" value=1 size=4>
      <mvt:item name="buttons" param="AddToBasket" />
      </mvt:item>
      </td></tr>
      </form>
      <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
      <tr><td align="left" valign="middle" colspan="2">
      <mvt:item name="fonts" param="body_font">
      &mvt:product:descrip;
      </mvt:item>
      </td></tr>
      </table>
      Last edited by Rick Wilson; 03-15-11, 01:37 PM.
      Thanks,

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

      Comment


        #4
        Re: Miva Merchant Production Release 8 Public Beta

        I tried finding the new ability for swapping the image with a selected attribute?

        I have uploaded images and they swap fine with the thumbnail that gets created.

        Can you give me any hints?
        Mark Hood
        Vermont Gear

        Comment


          #5
          Re: Miva Merchant Production Release 8 Public Beta

          Mark,

          Sure, there's 2 different features you might be crossing here.

          So the first one I'll discuss is the new Swatch Attribute Type. This is designed for clothing type attributes where someone wants to click the image and it'll change the actual attribute (for example, I click the black swatch and it selects Black as my color).

          The second and totally different feature is the ability to swap out images based on Inventory Variants. So for example, I'm selling a car and the Attribute is the year. So when I choose 1992, it shows one set of images and then when I switch to 2002, it swaps all of the images to new images relevant to that attribute.

          So A) Do those 2 features make sense? B) Which one are you trying to use?
          Thanks,

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

          Comment


            #6
            Re: Miva Merchant Production Release 8 Public Beta

            Originally posted by Rick Wilson View Post
            Mark,

            Sure, there's 2 different features you might be crossing here.

            So the first one I'll discuss is the new Swatch Attribute Type. This is designed for clothing type attributes where someone wants to click the image and it'll change the actual attribute (for example, I click the black swatch and it selects Black as my color).

            The second and totally different feature is the ability to swap out images based on Inventory Variants. So for example, I'm selling a car and the Attribute is the year. So when I choose 1992, it shows one set of images and then when I switch to 2002, it swaps all of the images to new images relevant to that attribute.

            So A) Do those 2 features make sense? B) Which one are you trying to use?
            The first one so far. Just trying to get attributes related to my swap images?
            Mark Hood
            Vermont Gear

            Comment


              #7
              Re: Miva Merchant Production Release 8 Public Beta

              I am unable to make the image machine generate thumbnails for the category, search or all products pages. It works for the product page and related products.

              For the category I have the category_listing_imagemachine item assigned and enabled.

              Am I missing something?

              http://www.enjoyflamelesscandles.com...ory_Code=bread

              Comment


                #8
                Re: Miva Merchant Production Release 8 Public Beta

                To enable the Image Machine on pages with multiple products the HTML elements defined in the Image Machine settings tab must exist in the page template with dynamic identifiers. By default, they are:

                Code:
                main_image_%product_id%
                thumbnails_%product_id%
                closeup_div_%product_id%
                closeup_image_%product_id%
                closeup_close_%product_id%
                In the templates, they would look like this:

                Code:
                <img id="main_image_&mvt:product:id;" />
                <div id="thumbnails_&mvt:product:id;"></div>
                <div id="closeup_div_&mvt:product:id;">
                    <img id="closeup_image_&mvt:product:id;" />
                    <a id="closeup_close_&mvt:product:id;">close</a>
                </div>
                Both of the mvt:item calls would also need to be included in the page template:

                In the head tag...

                Code:
                <mvt:item name="category_listing_imagemachine" param="head" />
                ...and within the product foreach loop...

                Code:
                <mvt:item name="category_listing_imagemachine" param="body:product:id" />
                Regards,
                Last edited by pbrynie; 03-18-11, 11:57 AM.
                Preston Brynie
                Software Developer
                Miva Merchant
                http://www.mivamerchant.com/

                Comment


                  #9
                  Re: Miva Merchant Production Release 8 Public Beta

                  Originally posted by pbrynie View Post
                  To enable the Image Machine on pages with multiple products the HTML elements defined in the Image Machine settings tab must exist in the page template with dynamic identifiers. By default, they are:
                  Interesting but I seem to have a problem with this
                  It does work but going to the tab
                  Category Product List Image DimensionsChanging the value for
                  Code:
                  Resize to fit within bounding box:  x  pixels
                  The value does not save if you change it from 500


                  EDIT
                  Nevermind I figured it our, It doesn't save until you check the box for closeup image
                  Last edited by Mark Hood; 03-18-11, 12:38 PM.
                  Mark Hood
                  Vermont Gear

                  Comment


                    #10
                    Re: Miva Merchant Production Release 8 Public Beta

                    Originally posted by Rick Wilson View Post
                    Miva Merchant Production Release 8 is officially in public beta. Users who would like to upgrade to PR8 can now do so and need to follow these steps:

                    1. Have your host upgrade your Miva Engine to 5.12 and install the GD Library config in your mivavm.conf file.

                    If you don't have your engine upgraded or GD installed the upgrade will fail/prevent you from upgrading.
                    Was thinking the GD Library config may have been in place, the Miva Engine was at 5.12. I submitted a support ticket via the "fail" message.

                    LOL - that's what I get for "thinking".

                    Leslie
                    Leslie Kirk
                    Miva Certified Developer
                    Miva Merchant Specialist since 1997
                    Previously of Webs Your Way
                    (aka Leslie Nord leslienord)

                    Email me: [email protected]
                    www.lesliekirk.com

                    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                    Comment


                      #11
                      Re: Miva Merchant Production Release 8 Public Beta

                      Hello Miva: We've installed PR8 in our DEV site. Now I'm looking at the MMUI changes suggested in this thread for the PROD Product Display Layout template and I dont see amything at all that looks like the code that is being suggested for replacement.
                      This store dates to Dec. 2009. What am I missing.
                      Thanks, Larry
                      dev.rvparksupplies.com
                      Larry
                      Luce Kanun Web Design
                      www.facebook.com/wajake41
                      www.plus.google.com/116415026668025242914/posts?hl=en


                      Comment


                        #12
                        Re: Miva Merchant Production Release 8 Public Beta

                        Originally posted by wajake41 View Post
                        Hello Miva: We've installed PR8 in our DEV site. Now I'm looking at the MMUI changes suggested in this thread for the PROD Product Display Layout template and I dont see amything at all that looks like the code that is being suggested for replacement.
                        This store dates to Dec. 2009. What am I missing.
                        Thanks, Larry
                        dev.rvparksupplies.com
                        Chances are you have modified your pages from the original. I certainly know I have.

                        You should be able to just add the missing items where they need to go. So this needs to be in your head tag
                        Code:
                        <mvt:item name="prod_imagemachine" param="head" />
                        As far as the other ones it's the same idea.. Find the code displaying your image and conditionals that are around it replacing them with the new.
                        If you post the code from your product display layout tab I'm sure someone can help if you get stuck.
                        Mark Hood
                        Vermont Gear

                        Comment


                          #13
                          Re: Miva Merchant Production Release 8 Public Beta

                          Hello Miva:
                          Still struggling with this. In our MMUI store, I replaced the entire Product Display Layout Template with the one provided in this thread. Prod page now displays (but it's not pretty), but cannot get the image to display. Have hardcoded the path to our image & still no image.

                          Would it be possible for some indicator (color or text) to be added to the template code to indicate where changes must be made?
                          Is there any documentation as to how to configure this PROD page feature?

                          My Product Display Layout code is:
                          <table border="0" cellpadding="5" cellspacing="0">
                          <tr><td align="left" valign="middle" colspan="2">
                          <mvt:item name="fonts" param="hdr_font">
                          <h1 id="prodname">&mvt:product:name;</h1>
                          </mvt:item>
                          </td></tr>
                          <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
                          <tr>
                          <td align="center" valign="top" rowspan="4">
                          <mvt:item name="fonts" param="body_font">
                          <img id="main_image" src="http://dev.rvparksupplies.com/mm5/&mvt:product:image;" alt="&mvte:product:name;">
                          <div id="thumbnails" class="thumbnails"></div>
                          <div id="closeup_div" class="closeup"><img id="closeup_image" src="http://dev.rvparksupplies.com/mm5/&mvt:product:image;" alt="&mvte:product:name;"><div><a id="closeup_close">close</a></div></div>
                          <mvt:item name="prod_imagemachine" param="body:product:id" />
                          <div class="clear product-image-margin"></div>
                          </mvt:item>
                          </td>
                          <td align="left" valign="top">
                          <mvt:item name="fonts" param="body_font">
                          Quantity in Basket:
                          <mvt:if expr="l.settings:product:quantity EQ 0">
                          <i>None</i>
                          <mvt:else>
                          <b>&mvt:product:quantity;</b>
                          </mvt:if>
                          <br>
                          Code: <b>&mvt:product:code;</b><br>
                          Price: <b><span id="price-value">&mvt:product:formatted_price;</span></b><br>
                          <mvt:if expr="l.settings:product:weight NE 0">
                          Shipping Weight: <b>&mvt:product:weight;</b> &mvt:store:wtunits;<br>
                          </mvt:if>
                          <span id="inventory-message">
                          <mvt:if expr="l.settings:product:inv_active">
                          &mvt:product:inv_long;
                          </mvt:if>
                          </span>
                          </mvt:item>
                          </td></tr>
                          <tr>
                          <td id="swatches" class="swatches">&nbsp;</td>
                          </tr>
                          <form method="post" name="PRODform" onsubmit="return editobj(this)" action="&mvt:global:sessionurl;">
                          <input type="hidden" name="Action" value="ADPR">
                          <input type="hidden" name="Screen" value="PROD">
                          <input type="hidden" name="Store_Code" value="&mvte:store:code;">
                          <input type="hidden" name="Product_Code" value="&mvte:product:code;">
                          <input type="hidden" name="Category_Code" value="&mvte:global:category_code;">
                          <tr><td>&nbsp;</td></tr>
                          <tr><td align="left" valign="top">
                          <mvt:item name="product_attributes" param="product:id" />
                          </td></tr>
                          <tr><td align="left" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          Quantity:
                          <input type="text" name="Quantity" value=1 size=4>
                          <mvt:item name="buttons" param="AddToBasket" />
                          </mvt:item>
                          </td></tr>
                          </form>
                          <tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
                          <tr><td align="left" valign="middle" colspan="2">
                          <mvt:item name="fonts" param="body_font">
                          &mvt:product:descrip;
                          </mvt:item>
                          </td></tr>
                          </table>

                          Our dev site is: dev.rvparksupplies.com

                          Please help, Larry
                          Larry
                          Luce Kanun Web Design
                          www.facebook.com/wajake41
                          www.plus.google.com/116415026668025242914/posts?hl=en


                          Comment


                            #14
                            Re: Miva Merchant Production Release 8 Public Beta

                            Did you assign the Item to the page?
                            Thanks,

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

                            Comment


                              #15
                              Re: Miva Merchant Production Release 8 Public Beta

                              Hello Rick: Testing & found the following:
                              If I remove the <div id="closeup_div" class="closeup"> statement, the image displays, If not removed, the image does not display.

                              <mvt:item name="fonts" param="body_font">
                              <img id="main_image" src="http://dev.rvparksupplies.com/mm5/&mvt:product:image;">
                              <div id="thumbnails" class="thumbnails"></div>
                              <div id="closeup_div" class="closeup">
                              </mvt:item>

                              Larry
                              Larry
                              Luce Kanun Web Design
                              www.facebook.com/wajake41
                              www.plus.google.com/116415026668025242914/posts?hl=en


                              Comment

                              Working...
                              X