

<div id='ListMainContainer'>




</div>


<script>
    defaultBackOnclick = null;


    currentData = null;
    LoadDataPageFunc = {};
    PhotoListPreloadQueue = [];





    ListBuilder.build({
        targetDiv: "ListMainContainer",
        title: "Products",
        dataUrl: "/Market/Products/List",
        pageName: 'ListProductsMarket',
        defaultback: "Home",
        search: true,
        width: '40vh',
        height: '40vh',
        unabletoLoadFunc:() => ModalQuickDismiss('Error', 'Unable to Load Data!'),

        card: {
            imageField: "photo",
            nameField: "name",
            priceField: "price",
            unitField: "unit",
            descriptionField: "description",
            onClick: (data) => `ButtonGo('BuyViewProductMarket','${data.hashkey}')`,
            fallbackImage: "/assets/noproductphoto.png",
        }
    });




</script>