# Adjustment of Mini Program Shopping Experience in Video Number Scene

# I. background

In order to optimize the user experience of the video number, WeChat will change the half-screen frame for the Mini Program in the video ID scene (including the navigation bar at the top of the Uniform Product Details page, disable sharing, etc.) Make the shopping experience more concise and immersive.

The transformation has been WeChat iOS Version 8.0.6 release and take effect, please carefully read the content of the developer. If the retroadaptation affects the developer Mini Program shopping experience, complete the adaptation yourselfIf there is no impact, the version can be released in the normal video number to sell goods.

# II. Realized effect

# Core process

  1. Live Room

2.The profile page

# III. Developer-specific adaptation points

# Adjustment explaination

  1. Impact scene: for scene value 1177 (video number live room) and 1195 (Video Number profile merchandise window) to open a Mini Program, other scenes can maintain the original logic.
  2. The core attention page: video number live room and profile open page, mainly for the main process of product purchase, including product details page, order details page and order completion page.

# Specific adjustment points are known

  1. Live open home page unified for half screen: WeChat live room open home (product details page) to adjust the screen 3./4 height, the page triggers any action that will expand into full screen.

  2. Top up the first page of the video number (the product details page): WeChat offers two top options for developers. (Other pages can keep custom headers)

Default mode: WeChat will provide a unified top for the first page of the video number (including full-screen and half-screen status), covering the original Mini Program navigation bar, height of 44px. When the next version is released, it will take effect without review. May cause experience impact: the top core operation is covered, the original Mini Program custom navigation content than the default navigation led to incomplete coverage and other issues, need to adjust according to the business situation.


Custom mode (available after May 25): Developers can also modify the top for the full screen state of the first page opened by the video number (half screen state remains the default top), Need to remove the top navigation bar search, Mini Program navigation, to the home page and the purchase of the goods have nothing to do with the operation. After the developer revamping, first Page Navigation Style is declared in the apagejson file as custom, then submit for review, after the review can live in the video number.
Penalty Dxplaination: If the developer uses a custom method to modify the head, but does not comply with the requirements, once found, the platform will be based on the degree of violation of the Mini Program to take restrictions on the video number associated functions until the closure processing.
  1. Disable on Open-type = share, avoiding logic such as forwarding Mini Program to friends. After the user clicks, the platform provides a unified prompt "the function is temporarily unavailable."
4. Disables logic such as opening another Mini Program (navigateToMiniProgram) to avoid jumping to another Mini Programs in this scenario. After the user clicks, the platform provides a unified prompt "the function is temporarily unavailable."
  1. Does not draw Add to My Mini Program related content
  1. Disable openSetting to avoid opening the Mini Program settings page. After the user clicks, the platform provides a unified prompt "the function is temporarily unavailable."
  1. Disable on Open-type = feedback, avoid opening the feedback page. After the user clicks, the platform provides a unified prompt "the function is temporarily unavailable."
  1. Try to avoid fixed Style, easy to shake the interface.
  2. Try to avoid inline Scroll-view, which can use page-level scrolling.
  3. Do not jump directly into the page or appear to play layer.

# IV. Developer Experience

  1. WeChat for iOS 8.0.6 Before release: Development Mini Program verification for video number scene is not supported. If you need to change in advance, you can directly adjust in accordance with the above instructions, such as not calling the relevant interface disabled or the top of the product details page to remove the jump.
  2. WeChat for iOS 8.0.6 release: the above capabilities released and support for the development version of Mini Program verification for the video number scene, you can open "development debugging" - select the wechat "open half screen Mini Program" to verifyOr adjust to directly observe the online effect.

Appendix:
Common problem Problem counseling