24/7 Support: 800.608.6482

Videos

Try our new AI assistant by clicking the chat icon in the lower right corner.

Developer Videos

Videos | Pages Part II

ver. 9.0 and later

Video Transcript

Having just been introduced to Pages, let's take a deeper dive in the features and functionality of Pages and how they work. Here I am in my Miva Merchant 9 Admin. Pages can be found in the User Interface Menu Item and here’s the list of all pages in my store. So I’m going to create a new page. It's going to ask you for a code. The code has to be unique. Two Pages can't share the same code. So I’m going to called this Test and Test Page. And so the Page Template by default is blank. It can be just plain old HML and CSS or you can create your own page that does something specific to any items you want to use. One nice part about creating new pages is Miva will automatically assign any items you have in the Page Template when you first created the page. Say for example I want to assign the Content Item. I know it's name is Contents and so when I come up here and hit “Add.” So it says “Test Page was Added” it has that Content item here and when I go to items you'll see that the Content Item was automatically assigned to the page, very cool. I come back over here if I scroll down and have a content section where I can put anything I want; text, content, about my page. Another nice feature of pages is the Version History. Miva Merchant has great Version History that will come in handy. It allows you to roll back to any previous version in case you make a mistake. So let me create another version of this page and I have this “Notes” box where I can create notes about what this update was. I’ll put “Added some text” and now when I hit “Update” you'll see that the Versions drop down now changes. I have the original and I have the one where I added some text. Let's say I made a mistake and I wanted to roll back to the original. Well, I can put the original and then you have to hit “Recall” and recall will go into the database and it will pull that specific template for the version you selected. Here I now have the version of the template without the text I added and once I noticed the correct one I then have to hit “Update” to save it. You'll see that the newer version’s still there but the one selected is the original. You also have the option to “Clear History” which will erase all the entries saved in versions. Say when I click this they'll give me a prompt to make sure that I want to do this. It would delete all the different versions I have, and hit “OK.” Now the only version I have available is the original. Let's take a look at some of the features of pages. I'm going to come back up here to Pages and I want to go to the Product page. The Product page is the page that controls the Product Layout. So here I’m going to select “Edit.” Now if I scroll down here to the Product Display Layout, this is the key component to the Product Page. It's what controls things like a Product Name, the Product Code, the Product Price and their display on the page. For a brand new store, if you never made any changes to this page you'll see that there's two versions of it; there's a “Point-and-Click” mode and if you come down here there’s this “Advanced” mode. Advanced mode will always give you access to the underlying code that's used to generate a page. 99% the time you’ll be working in Advanced mode. So here if I click “Advanced Mode” it will refresh the page to show me the code behind this section. So this is the code that makes up the Product Display Layout. Here I can come and make any changes, add some formatting, or rearrange the layout as I see fit.

One important thing to know with “Point and Click Mode” is that anytime you make a change in that mode it will revert your Page Template back to default. Be careful if you come in here and make a bunch of changes to the Product Display Layout and then come into Point and Click Mode and make another change, it will overwrite every change you've ever made. It will revert it back to a default page template. Let's try it this year I'm add the word tests next to the park name and hit update and now I'm going to come back to point click mode and say I wanted to add products Q2 the page I can hit update I want to do that. Change over up to text I added in the previous update so if I go back to advanced mode to see the page template you'll see here that my text is gone. Be very careful when switching between Point-and-Click mode and Advanced Mode. Like I said, most of the time you'll be working in the Advanced Mode and will not be switching back and forth like that.






Looking for Developer Docs?

We have a whole section for that, including: Developer Training Series, Template Language docs, Module Development tutorials and much, much more.

Head to the Developer Section

Copyright © 1997 – 2024 Miva®, Miva Merchant®, MivaPay®, MivaCon®, Camp Miva®, Miva Connect®, Miva, Inc. All Rights Reserved.