# Component interface

All of the above are listed below. How to Skip to a Different Page

# I. Product Details Component

# (Note: To use this component, you need to introduce the widget component in the project first)

Component explaination: Users click on the shelf of the Mini Program goods, will be in accordance with the developer's settings, jump to the corresponding Mini Store merchandise details page.

const productId = [Goods id ] // Fill in specific product Id

    wx.navigateTo({

              url: 'plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}',

     })

# Custom Shop/Home on

Because of the Mini Store product details page, there are jump to the shop and the on home page, components provide a custom jump way.

Add the following code to the apagejs of the Mini Program

const miniShopPlugin = requirePlugin('mini-shop-plugin')

miniShopPlugin.initHomePath('your home page path')   //  Like '/pages/index/index'

# Shopping bag components

# (Note: To use this component, you need to introduce the widget component in the project first)

Component explaination: The user clicks the shopping bag, will according to the developer's setting, will jump to the corresponding Mini Store shopping bag page.

 wx.navigateTo({

          url: 'plugin-private://wx34345ae5855f892d/pages/shoppingCart/shoppingCart',

})

# Third, the order list component

# (Note: To use this component, you need to introduce the widget component in the project first)

Component Dxplaination: Users click on the order list page, will follow the developer's settings, jump to the Mini Store orders list page.

// Jump to the order page, activate the "All" tab by default, show all order data

     wx.navigateTo({

       url: 'plugin-private://wx34345ae5855f892d/pages/OrderList/OrderList',

     })



// Jump to the order page and activate the Pending tab

    const tabId = 'pendingPay'

     wx.navigateTo({

       url: `plugin-private://wx34345ae5855f892d/pages/OrderList/orderList?tabId=${tabId}`,

     })

Order list: The tabId valid value is as follows:

The sample renderings are as follows:

# IV. Order Details Component

# (Note: To use this component, you need to introduce the widget component in the project first)

const orderId = [Order Id] // Corresponding Order Id

    wx.navigateTo({

       url: `plugin-private://wx34345ae5855f892d/pages/orderDetail/orderDetail?orderId=${orderId}`,

    })

The sample renderings are as follows:

# Five, the details of the after-sales single component

# (Note: To use this component, you need to introduce the widget component in the project first)

const orderId = [Sales Order Id] // Sales Order Id

        wx.navigateTo({

          url: `plugin-private://wx34345ae5855f892d/pages/refundDetail/refundDetail?orderId=${orderId}`,

        })

The sample renderings are as follows: