{"id":4382,"date":"2026-09-20T20:21:36","date_gmt":"2026-09-20T20:21:36","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/image-accordion\/"},"modified":"2026-09-21T17:36:18","modified_gmt":"2026-09-21T17:36:18","slug":"image-accordion","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/image-accordion\/","title":{"rendered":"Image Accordion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4382\" class=\"elementor elementor-4382\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98c18e4 e-flex e-con-boxed e-con e-parent\" data-id=\"98c18e4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ccce059 e-flex e-con-full e-con e-child\" data-id=\"ccce059\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac25d83 elementor-widget elementor-widget-html\" data-id=\"ac25d83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 189 &middot; <code>emcp_custom_189<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Image Accordion<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">12 content options<\/span><span class=\"chip\">18 style options<\/span><span class=\"chip\">3 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: image, accordion, expand, gallery, hover, panels.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af0d28a e-flex e-con-full e-con e-child\" data-id=\"af0d28a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a39b892 elementor-widget elementor-widget-html\" data-id=\"a39b892\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Image Accordion<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Panels<\/b>: Panels, Direction, Expand On, Open Panel by Default (0 = none), Expanded Size (flex grow), Height, Gap, Text Position and 4 more.<\/li><li>Pick a <b>Expand On<\/b>: Hover, Click. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Panel, Text. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed7e40e e-flex e-con-full e-con e-child\" data-id=\"ed7e40e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8206f5 elementor-widget elementor-widget-html\" data-id=\"e8206f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Hover<\/h3><\/div><p class=\"demo-cap\">Expand On = <code>hover<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-122ab5a elementor-widget elementor-widget-emcp_custom_189\" data-id=\"122ab5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_189.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ia emcp-ia--horizontal emcp-ia--hover emcp-ia--text-bottom emcp-ia--ct-rotated has-zoom\" data-active=\"1\" data-autoplay=\"0\"><div class=\"emcp-ia__panel\"><a class=\"emcp-ia__link\" href=\"#\" aria-label=\"Mountains\"><\/a><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1544367567-0f2fcb009e0b.jpg\" alt=\"Mountains\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">01<\/span><span class=\"emcp-ia__title\">Mountains<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Trails for every level.<\/p><a class=\"emcp-ia__btn\" href=\"#\">Explore<\/a><\/div><\/div><span class=\"emcp-ia__side\">Mountains<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1561658286-ecb9fe9d8480.jpg\" alt=\"Coast\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">02<\/span><span class=\"emcp-ia__title\">Coast<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Sun, salt and long evenings.<\/p><\/div><\/div><span class=\"emcp-ia__side\">Coast<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1565650839149-2c48a094196c.jpg\" alt=\"City\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">03<\/span><span class=\"emcp-ia__title\">City<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Weekends that never end.<\/p><\/div><\/div><span class=\"emcp-ia__side\">City<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1575052814086-f385e2e2ad1b.jpg\" alt=\"Forest\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">04<\/span><span class=\"emcp-ia__title\">Forest<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Quiet in every direction.<\/p><\/div><\/div><span class=\"emcp-ia__side\">Forest<\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac4018d e-flex e-con-full e-con e-child\" data-id=\"ac4018d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e352d10 elementor-widget elementor-widget-html\" data-id=\"e352d10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Click<\/h3><\/div><p class=\"demo-cap\">Expand On = <code>click<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d6523 elementor-widget elementor-widget-emcp_custom_189\" data-id=\"e3d6523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_189.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ia emcp-ia--horizontal emcp-ia--click emcp-ia--text-bottom emcp-ia--ct-rotated has-zoom\" data-active=\"1\" data-autoplay=\"0\"><div class=\"emcp-ia__panel\"><a class=\"emcp-ia__link\" href=\"#\" aria-label=\"Mountains\"><\/a><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1544367567-0f2fcb009e0b.jpg\" alt=\"Mountains\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">01<\/span><span class=\"emcp-ia__title\">Mountains<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Trails for every level.<\/p><a class=\"emcp-ia__btn\" href=\"#\">Explore<\/a><\/div><\/div><span class=\"emcp-ia__side\">Mountains<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1561658286-ecb9fe9d8480.jpg\" alt=\"Coast\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">02<\/span><span class=\"emcp-ia__title\">Coast<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Sun, salt and long evenings.<\/p><\/div><\/div><span class=\"emcp-ia__side\">Coast<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1565650839149-2c48a094196c.jpg\" alt=\"City\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">03<\/span><span class=\"emcp-ia__title\">City<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Weekends that never end.<\/p><\/div><\/div><span class=\"emcp-ia__side\">City<\/span><\/div><div class=\"emcp-ia__panel\"><img decoding=\"async\" class=\"emcp-ia__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1575052814086-f385e2e2ad1b.jpg\" alt=\"Forest\" loading=\"lazy\"><span class=\"emcp-ia__overlay\"><\/span><div class=\"emcp-ia__content\"><span class=\"emcp-ia__label\">04<\/span><span class=\"emcp-ia__title\">Forest<\/span><div class=\"emcp-ia__more\"><p class=\"emcp-ia__text\">Quiet in every direction.<\/p><\/div><\/div><span class=\"emcp-ia__side\">Forest<\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-566ccaf e-flex e-con-full e-con e-child\" data-id=\"566ccaf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11781d6 elementor-widget elementor-widget-html\" data-id=\"11781d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Panels<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Panels<\/b><br><code>panels<\/code><\/td><td>Repeater<\/td><td><\/td><td>4 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Image<\/b><br><code>image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td>Panel<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Small Label<\/b><br><code>label<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Button Text<\/b><br><code>btn<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Direction<\/b><br><code>direction<\/code><\/td><td>Dropdown<\/td><td>Horizontal, Vertical<\/td><td>horizontal<\/td><td><\/td><\/tr><tr><td><b>Expand On<\/b><br><code>trigger<\/code><\/td><td>Dropdown<\/td><td>Hover, Click<\/td><td>hover<\/td><td><\/td><\/tr><tr><td><b>Open Panel by Default (0 = none)<\/b><br><code>active<\/code><\/td><td>Number<\/td><td>min 0, max 20<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Expanded Size (flex grow)<\/b><br><code>grow<\/code><\/td><td>Slider<\/td><td>min 1.5, max 10, px<\/td><td>4<\/td><td><\/td><\/tr><tr><td><b>Height<\/b><br><code>height<\/code><\/td><td>Slider<\/td><td>min 200, max 1000, px\/vh<\/td><td>460<\/td><td>Responsive<\/td><\/tr><tr><td><b>Gap<\/b><br><code>gap<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>8<\/td><td><\/td><\/tr><tr><td><b>Text Position<\/b><br><code>text_pos<\/code><\/td><td>Dropdown<\/td><td>Bottom, Centre, Top<\/td><td>bottom<\/td><td><\/td><\/tr><tr><td><b>Collapsed Title<\/b><br><code>collapsed_title<\/code><\/td><td>Dropdown<\/td><td>Rotated along the edge, Hidden until expanded, Normal<\/td><td>rotated<\/td><td><\/td><\/tr><tr><td><b>Autoplay Interval (ms, 0 = off)<\/b><br><code>autoplay<\/code><\/td><td>Number<\/td><td>min 0, max 20000<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Transition (ms)<\/b><br><code>duration<\/code><\/td><td>Number<\/td><td>min 100, max 2000<\/td><td>600<\/td><td><\/td><\/tr><tr><td><b>Zoom Image When Expanded<\/b><br><code>zoom<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Panel<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Overlay (collapsed)<\/b><br><code>overlay<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.45)<\/td><td><\/td><\/tr><tr><td><b>Overlay (expanded)<\/b><br><code>overlay_a<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.2)<\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Expanded Border Color<\/b><br><code>border_a<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Image Filters (collapsed)<\/b><br><code>filter<\/code><\/td><td>Css_filter<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Content Padding<\/b><br><code>pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Text<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>text_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>text_color<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(255,255,255,0.85)<\/td><td><\/td><\/tr><tr><td><b>Label Typography<\/b><br><code>label_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Color<\/b><br><code>label_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Label Background<\/b><br><code>label_bg<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(255,255,255,0.18)<\/td><td><\/td><\/tr><tr><td><b>Button Color<\/b><br><code>btn_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Button Background<\/b><br><code>btn_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Button Radius<\/b><br><code>btn_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>8<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_189\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>189<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 189 &middot; emcp_custom_189 Image Accordion Elementor widget2 layouts12 content options18 style options3 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: image, accordion, expand, gallery, hover, panels. Setup guide Open a page in Elementor, search the panel for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4382","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=4382"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4382\/revisions"}],"predecessor-version":[{"id":6309,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4382\/revisions\/6309"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=4382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}