Tips and Tricks - Miva Merchant Help and Resources

Tips and tricks in designing your Miva Merchant store.

Miva Merchant Help : Tips and Tricks (3)

1. Customizing Order Customer Login Screen from JMH Web Services

Compatibility: OpenUI Versions: 4.x, 4.14-4.24x

Rating: [0.00] Votes: [0] Hits: [337]
Rate It - Review It - Modify It - Report It

2. Constraining the Global Width of Your Miva Merchant Store from JMH Web Services

Some people don't like their Miva Merchant store to expand beyond a certain width.  It has been suggested on the Miva Merchant users list that you purchase a $40+ module to control this rather than the simple table method listed below.  The reasoning behind this is ridiculous.  If one additional table is going to make that big a difference, than you should probably switch to a better host.  Regardless, there is another method that works just as well.  This tutorial works whether you are using the default MMUI look and feel module or the OpenUI Look and Feel module.

Method One:  (Surrounding Table)

Step 1: Go to Store Name > Hdr/Ftr - Global (also known as Headers & Footers in MMUI)

Step 2: Go to Global Screen Header

Step 3: At the very beginning of the field, enter this code: <table width="800" align="center"><tr><td>

Step 4: Go to Global Screen Footer just below the header field

Step 5:  At the very end of the field, ente this code: </td></tr></table>

Change the width and alignment settings to whatever you desire.

Method Two:   (Div and CSS)

Step 1: Go to Store Name > Head/Body Tags (MMUI users can skip this step and go on to step 5)

Step 2: Enter the following css code in the head tag field: <style type="text/css"><!-- #chuck { width:800px; } --></style>

Step 4: Go to Global Screen Header

Step 5:  At the very beginning of the field, ente this code: <div id="chuck"> (If %OUI% is at the beginning, than put it after that)  MMUI users can put the style/css code found in step 2 right before the div code. (i.e. <style type="text/css"><!-- #chuck { width:800px; } --></style><div id="chuck">)

Step 6: Go to Global Screen Footer

Step 7: At the very end of the field, enter this code: </div>

Notes:

• Change the 800px to any width you desire (i.e. 650px).
• You can also make it a percentage (i.e. 90%) rather than px.
• You can also specify a height if you wish (i.e. width:800px;height:400px;) Use at your own risk.
• You can also specify a margin around the div (space outside of div)  (i.e. width:800px;height:400px;margin:5px;)
• You can also specify padding inside the div (space inside of div)  (i.e. width:800px;height:400px;margin:5px;padding:10px;)
• You can also specify a border and border color for the div  (i.e. width:800px;height:400px;margin:5px;padding:10px;border:2px;border-color:#000066;) 
• An example can be seen here.

Compatibility: MMUI/OpenUI Versions: 2.x, 3.x, 4.x, 4.14-4.23x

Rating: [10.00] Votes: [3] Hits: [213]
Rate It - Review It - Modify It - Report It

3. Customizing Order Customer Login Screen from JMH Web Services

If you need to change the text or the layout of the customer order login screen, here is how you do it with OpenUI Look and Feel module.

Step 1: Go to Store Name > Hdr/Ftr - Checkout Screens

Step 2: Go to Order: Customer Login Header: [Screen=LOGN]

Step 3: At the very beginning of the field, enter a starting comment tag: <!--

Step 4: Go to Order: Customer Login Footer: [Screen=LOGN] just below the header field

Step 5:  At the very beginning of the field, enter a closing comment tag: -->

Step 6: Place the following code either above the starting comment tag in the header or below the closing comment tag in the footer.

Notes:

• Make sure you copy all the text.  Try right-clicking your mouse within the above field and choose "Select All" before copying.
• The table code added here is an exact duplicate of the code merchant outputs. Change it at your leisure by reducing cellpadding, changing text, correcting the horrible html, moving things around, etc.
• An example can be seen here. Just click Buy One Now.

Compatibility: OpenUI Versions: 4.x, 4.14-4.24x

Rating: [0.00] Votes: [0] Hits: [182]
Rate It - Review It - Modify It - Report It

Add Resource | Newest Resources | Most Popular Resources | Modify Listing