REYCOB Shop the Look connects products and exact product variations to visual hotspots placed over an image.
Each hotspot stays synchronized with its matching carousel item. Desktop visitors can hover or click, while touch devices support taps and swipe navigation. Hotspot coordinates are stored as percentages so they remain correctly positioned across screen sizes.
The scene editor includes product and variation search, drag-and-drop hotspot positioning, navigation controls, colors, image recommendations, and a shortcode for placement in Elementor, the block editor, or other page builders.
Shortcode example: [reycob_shop_the_look id=”123″]
Each scene can use its original product card or a published Elementor Loop Item template. Elementor Pro is required to create Loop Item templates. Dynamic product widgets use the product linked to each hotspot. If Elementor or the selected template is unavailable, the original card is used.
The scene editor includes font family, desktop and mobile font sizes, weight, line height, and alignment for the scene heading and product title. Font families must already be available on the website. Empty typography fields retain the existing design. Product title overrides also apply to Elementor Post Title and Product Title widgets; other template widgets remain editable in Elementor.
Screenshots
Scene management and shortcode publishing in WooCommerce.
Optional complementary plugins panel on the plugin admin screen.
Interactive image hotspots and synchronized product carousel in a demonstration scene.