{"id":87,"date":"2026-09-18T11:45:31","date_gmt":"2026-09-18T11:45:31","guid":{"rendered":"https:\/\/demo.camerce.com\/smart-reels\/shoppable-grid\/"},"modified":"2026-09-18T12:45:45","modified_gmt":"2026-09-18T12:45:45","slug":"shoppable-grid","status":"publish","type":"page","link":"https:\/\/demo.camerce.com\/smart-reels\/shoppable-grid\/","title":{"rendered":"Shoppable video grid"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium color_alternate\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><h1 class=\"w-text align_center\"><span class=\"w-text-h\"><span class=\"w-text-value\">Shoppable video grid<\/span><\/span><\/h1><div class=\"w-text us_custom_0b8d3314 align_center\"><span class=\"w-text-h\"><span class=\"w-text-value\">The same reels laid out as a grid. Good for a landing page, a lookbook, or a campaign page that needs to hold more than a row.<\/span><\/span><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_small\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\">        <div class=\"smart-shortcode-playlist\">\n                    <div class=\"smart-reels-playlist modern play-btn-animation-pulse\"\n             data-layout-id=\"83\"\n             data-display-type=\"grid\"\n             data-template=\"modern\"\n             data-autoplay=\"false\"\n             data-autoplay-on-hover=\"true\"\n             data-icon-position=\"center\"\n             data-settings=\"{&quot;layout_type&quot;:&quot;reels_playlist&quot;,&quot;display_type&quot;:&quot;grid&quot;,&quot;attached_reels&quot;:[71,72,73,74,75,76,77,78,79,80],&quot;display_location&quot;:&quot;woocommerce_before_single_product_summary&quot;,&quot;pop_display_location&quot;:&quot;home&quot;,&quot;selected_blog_post&quot;:&quot;&quot;,&quot;selected_page&quot;:&quot;&quot;,&quot;selected_product&quot;:&quot;&quot;,&quot;overlay_icon_position&quot;:&quot;center&quot;,&quot;play_btn_bg_color&quot;:&quot;rgba(0,0,0,0.45)&quot;,&quot;play_btn_icon_color&quot;:&quot;#ffffff&quot;,&quot;play_btn_size&quot;:54,&quot;play_btn_animation&quot;:&quot;pulse&quot;,&quot;autoplay&quot;:false,&quot;autoplay_on_hover&quot;:true,&quot;videos_per_row_grid&quot;:&quot;5&quot;,&quot;videos_per_row_carousel&quot;:&quot;4&quot;,&quot;enable_partial_view&quot;:false,&quot;display_arrows&quot;:false,&quot;carousel_auto_scroll&quot;:false,&quot;auto_scroll_speed&quot;:3,&quot;design_template&quot;:&quot;modern&quot;,&quot;enable_add_to_cart&quot;:true,&quot;accent_color&quot;:&quot;#123C33&quot;,&quot;secondary_color&quot;:&quot;#1a1a1a&quot;,&quot;show_more_info_btn&quot;:true,&quot;show_related_products&quot;:true,&quot;show_product_rating&quot;:true,&quot;story_highlights&quot;:[]}\"\n             style=\"--play-btn-bg: rgba(0,0,0,0.45); --play-btn-color: #ffffff; --play-btn-size: 54px; --accent-color: #123C33; --secondary-color: #1a1a1a;\">\n\n            \n                    <div class=\"smart-reels-grid modern\" data-columns=\"5\">\n                                    <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"71\"\n             data-product-id=\"41\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/denim-jacket.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Broken in, not worn out\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-denim-jacket-169x300.jpg\"\n                         alt=\"Broken in, not worn out\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-denim-jacket-150x150.jpg\"\n                             alt=\"Rigid Denim Jacket\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Rigid Denim Jacket<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>128<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                                                <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"72\"\n             data-product-id=\"47\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/hoodie.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: The hood, up close\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-hoodie-169x300.jpg\"\n                         alt=\"The hood, up close\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-hoodie-150x150.jpg\"\n                             alt=\"Oversized Brushed Hoodie\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Oversized Brushed Hoodie<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>89<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                                                <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"73\"\n             data-product-id=\"53\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/shirt.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Picking the overshirt\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-shirt-169x300.jpg\"\n                         alt=\"Picking the overshirt\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-shirt-150x150.jpg\"\n                             alt=\"Cotton Overshirt\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Cotton Overshirt<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>76<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"53\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"74\"\n             data-product-id=\"54\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/dress.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Linen in motion\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-dress-169x300.jpg\"\n                         alt=\"Linen in motion\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-dress-150x150.jpg\"\n                             alt=\"Linen Midi Dress\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Linen Midi Dress<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>145<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                                                <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"75\"\n             data-product-id=\"60\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/sunglasses.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Acetate, in the light\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-sunglasses-169x300.jpg\"\n                         alt=\"Acetate, in the light\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-sunglasses-150x150.jpg\"\n                             alt=\"Acetate Sunglasses\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Acetate Sunglasses<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>165<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"60\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"76\"\n             data-product-id=\"61\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/hat.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Trying the brim\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-hat-169x300.jpg\"\n                         alt=\"Trying the brim\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-hat-150x150.jpg\"\n                             alt=\"Wide Brim Felt Hat\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Wide Brim Felt Hat<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>68<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"61\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"77\"\n             data-product-id=\"62\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/handbag.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: What fits inside\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-handbag-169x300.jpg\"\n                         alt=\"What fits inside\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                    <div class=\"smart-discount-badge sale\">\n                18%\n            <\/div>\n                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-handbag-150x150.jpg\"\n                             alt=\"Structured Leather Bag\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Structured Leather Bag<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                    <span class=\"smart-price-original\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>240<\/span><\/span>\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>198<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"62\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"78\"\n             data-product-id=\"63\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/shoes.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Welted and resolable\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-shoes-169x300.jpg\"\n                         alt=\"Welted and resolable\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-shoes-150x150.jpg\"\n                             alt=\"Leather Derby Shoes\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Leather Derby Shoes<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>190<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                                                <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"79\"\n             data-product-id=\"69\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/knit.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Merino, fine gauge\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-knit-169x300.jpg\"\n                         alt=\"Merino, fine gauge\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                    <div class=\"smart-discount-badge sale\">\n                20%\n            <\/div>\n                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-knit-150x150.jpg\"\n                             alt=\"Merino Crew Knit\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Merino Crew Knit<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                    <span class=\"smart-price-original\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>110<\/span><\/span>\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>88<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"69\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                                            <div class=\"smart-reel-card-modern\"\n             data-reel-id=\"80\"\n             data-product-id=\"70\"\n             data-video-url=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/track.mp4\"\n             role=\"button\"\n             tabindex=\"0\"\n                          aria-label=\"Play reel: Taped sleeve, stand collar\">\n\n            <div class=\"card-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/poster-track-169x300.jpg\"\n                         alt=\"Taped sleeve, stand collar\"\n                         loading=\"lazy\">\n                \n                        <div class=\"smart-play-btn-modern\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n        <\/div>\n                                                <div class=\"smart-product-overlay\">\n            <div class=\"smart-product-overlay-inner\">\n                                    <div class=\"smart-product-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/product-track-150x150.jpg\"\n                             alt=\"Retro Track Jacket\">\n                    <\/div>\n                \n                <div class=\"smart-product-details\">\n                    <h4 class=\"smart-product-name\">Retro Track Jacket<\/h4>\n\n                    \n                    <div class=\"smart-product-price\">\n                                                <span class=\"smart-price-current\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>95<\/span><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                                            <button class=\"smart-quick-cart-btn\"\n                data-product-id=\"70\"\n                aria-label=\"Add to cart\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\n            <\/svg>\n        <\/button>\n                                    <\/div>\n        <\/div>\n                            <\/div>\n                <\/div>\n                <\/div>\n        <\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_small color_alternate\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-text us_custom_16d29033 align_center\"><span class=\"w-text-h\"><span class=\"w-text-value\">One Playlist layout, display type set to Grid, five per row. Drop the shortcode on any page or post and it renders.<\/span><\/span><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_center\"><a class=\"w-btn us-btn-style_1\" href=\"\/smart-reels\/\"><span class=\"w-btn-label\">Back to all demos<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row camsr-style height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><style>\nhtml body .l-section.camsr-footer,html body .l-section.camsr-footer-bottom{background:#0C2B24!important;}\nhtml body .l-section.camsr-footer{padding-top:56px!important;padding-bottom:18px!important;}\nhtml body .l-section.camsr-footer-bottom{padding-top:0!important;padding-bottom:34px!important;}\nhtml body .l-section.camsr-style{display:none!important;}\n.camsr-footer-logo img{width:52px!important;height:52px!important;border-radius:12px;}\n.camsr-footer h4{color:#fff!important;font-size:.8rem!important;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;}\n.camsr-footer .wpb_text_column,.camsr-footer p{color:#BFD3C8!important;font-size:13.5px;line-height:1.95;}\n.camsr-footer a{color:#BFD3C8!important;text-decoration:none;}\n.camsr-footer a:hover{color:#F4C542!important;}\n.camsr-footer-bottom .wpb_text_column,.camsr-footer-bottom p{color:rgba(191,211,200,.65)!important;font-size:12.5px;text-align:center;margin:0;}\n.smart-reels-stories,[class*=\"stories-wrap\"],[class*=\"story-highlights\"]{justify-content:center!important;}<\/p>\n<p>\/* dark sections: readable text on the green *\/\nhtml body .camsr-dark .w-iconbox-text,html body .camsr-dark .w-iconbox-text *{color:#BFD3C8!important;}\nhtml body .camsr-dark .w-iconbox-title{color:#ffffff!important;}\nhtml body .camsr-dark .w-iconbox-icon{color:#F4C542!important;}\nhtml body .camsr-dark .w-text .w-text-value{color:#BFD3C8!important;}\nhtml body .camsr-dark h1,html body .camsr-dark h2,html body .camsr-dark h3,html body .camsr-dark h4{color:#ffffff!important;}\nhtml body .camsr-dark .camsr-card > .vc_column-inner{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;}\nhtml body .camsr-eyebrow .w-text-value{display:inline-block;background:rgba(244,197,66,.14);color:#F4C542!important;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600;}<\/p>\n<p>\/* beat Impreza's .color_custom iconbox rule *\/\nhtml body .camsr-dark .w-iconbox.color_custom .w-iconbox-text,\nhtml body .camsr-dark .w-iconbox.color_custom .w-iconbox-text p{color:#BFD3C8!important;}\nhtml body .camsr-dark .w-iconbox.color_custom .w-iconbox-title{color:#ffffff!important;}<\/p>\n<p>\/* inline svg icons *\/\n.camsr-ico-wrap{display:block;text-align:center;margin-bottom:10px;}\n.camsr-ico{width:26px;height:26px;color:#123C33;vertical-align:middle;}\n.camsr-dark .camsr-ico,.camsr-procard .camsr-ico{color:#F4C542;}\n.camsr-card .camsr-card-body{text-align:center;}\n.camsr-card .camsr-card-body h4{margin:0 0 8px;font-size:1.05rem;}\n.camsr-card .camsr-card-body p{font-size:13.5px;line-height:1.55;margin:0;}\n.camsr-features .wpb_text_column{text-align:center;}\n.camsr-features h4{margin:0 0 8px;}\n.camsr-features p{font-size:14px;line-height:1.6;}\n<\/style>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row camsr-footer height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_custom laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--custom-columns:2fr 1.5fr 1.5fr 1fr \"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image camsr-footer-logo align_none\"><div class=\"w-image-h\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/camerce-logo-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/camerce-logo-150x150.png 150w, https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/camerce-logo-300x300.png 300w, https:\/\/demo.camerce.com\/smart-reels\/wp-content\/uploads\/sites\/2\/2026\/09\/camerce-logo.png 512w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/div><\/div><div class=\"wpb_text_column us_custom_b2452879\"><div class=\"wpb_wrapper\"><p>Camerce Apparel is a demo store for Smart Reels, a WooCommerce plugin by Camerce. Everything on it is real: real products, real videos, a working cart.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4>Demos<\/h4>\n<p><a href=\"\/smart-reels\/shoppable-carousel\/\">Shoppable carousel<\/a><br \/><a href=\"\/smart-reels\/shoppable-grid\/\">Shoppable grid<\/a><br \/><a href=\"\/smart-reels\/peeking-carousel\/\">Peeking carousel<\/a><br \/><a href=\"\/smart-reels\/story-highlights\/\">Story highlights<\/a><br \/><a href=\"\/smart-reels\/shop\/\">Shop the store<\/a><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4>Smart Reels<\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/camerce-smart-reels\/\">Free on WordPress.org<\/a><br \/><a href=\"https:\/\/camerce.com\/plugins\/smart-reels\/\">Smart Reels Pro<\/a><br \/><a href=\"https:\/\/camerce.com\/plugins\/\">All Camerce plugins<\/a><br \/><a href=\"https:\/\/camerce.com\/\">camerce.com<\/a><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1 camsr-btn-pro\" href=\"https:\/\/camerce.com\/plugins\/smart-reels\/\"><span class=\"w-btn-label\">Get Pro<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row camsr-footer-bottom height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>A demo store by Camerce. Videos from Coverr, free for commercial use.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":1,"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/pages\/87\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/demo.camerce.com\/smart-reels\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}