Product Video Story Bubble

설명

This plugin adds interactive Instagram-style video stories to WooCommerce product pages using a simple shortcode [bulle_video_finale].

Features:
* Adds up to 4 video story bubbles per product.
* Automatically integrates with YouTube videos (simply provide the URL or ID).
* Utilizes Advanced Custom Fields (ACF) to manage fields elegantly in the backend.
* Creates a modernized, app-like feeling for eCommerce web stores.
* Lightweight, secure, and fast!

Please note: This plugin relies on Advanced Custom Fields (ACF) to fetch its data. You need to configure fields (id_video_youtube_X, apercu_video_bulle_X, label_bulle_X) on the Product post type.

Configuration

Important behavior:

  • Up to 4 bubbles are supported per product (_1 to _4).
  • A bubble is displayed only when both id_video_youtube_X and apercu_video_bulle_X are provided.
  • If no complete story set is configured, the shortcode outputs nothing.

스크린샷

  • Visual example of how the video story bubbles look on a standard WooCommerce product layout.

설치

  1. Upload the plugin folder to the /wp-content/plugins/ directory, or install the plugin directly through the WordPress plugins screen.
  2. Ensure you have the Advanced Custom Fields (ACF) plugin installed and active.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress.
  4. In Custom Fields > Add New, create a field group (for example: LST Video Stories).
  5. Add the following fields (Field Type in parentheses):
  • id_video_youtube_1 (Text)
  • apercu_video_bulle_1 (URL)
  • label_bulle_1 (Text)
  • id_video_youtube_2 (Text)
  • apercu_video_bulle_2 (URL)
  • label_bulle_2 (Text)
  • id_video_youtube_3 (Text)
  • apercu_video_bulle_3 (URL)
  • label_bulle_3 (Text)
  • id_video_youtube_4 (Text)
  • apercu_video_bulle_4 (URL)
  • label_bulle_4 (Text)
  1. In the field group Location Rules, set: Post Type is equal to Product.
  2. Save the field group.
  3. Edit a WooCommerce product and fill at least one complete story set:
  • id_video_youtube_X: YouTube video ID (example: GfUYq9lvZLQ) or full YouTube URL.
  • apercu_video_bulle_X: Direct MP4 preview URL used inside the bubble.
  • label_bulle_X: Bubble label shown under the circle (example: Texture).
  1. Place the shortcode [bulle_video_finale] in the product description (or template/builder area shown on the product page).
  2. View the product on the frontend. If id_video_youtube_X and apercu_video_bulle_X are both filled, the bubble appears.

FAQ

Do I need Advanced Custom Fields (ACF)?

Yes, the plugin depends on ACF to load the parameters from the WooCommerce product page.

Can I use self-hosted videos?

Currently, the plugin focuses on embedding YouTube videos securely and cleanly.

The shortcode is visible but no bubble is shown. Why?

Check that for at least one index (1, 2, 3, or 4), both fields are filled:
id_video_youtube_X and apercu_video_bulle_X.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Product Video Story Bubble”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Product Video Story Bubble”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.1.3

  • Release for 1.1.3: bumped versions and minor fixes.

1.1.4

  • Release for 1.1.4: publish renamed plugin and minor tweaks.

1.0.1

  • Hide the shortcode wrapper completely when no story bubble is configured.
  • Keep YouTube video sound enabled in the modal player.

1.0.0

  • Initial release. Setup of shortcode, WP best practices and escaping methods.