{"id":121066,"date":"2023-07-04T17:51:17","date_gmt":"2023-07-04T12:21:17","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=121066"},"modified":"2023-07-18T10:14:17","modified_gmt":"2023-07-18T04:44:17","slug":"hover-card-elementor-widget-settings-overview","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/hover-card-elementor-widget-settings-overview\/","title":{"rendered":"Hover Card Elementor Widget: Settings Overview"},"content":{"rendered":"\n<p>Enhance the visual appeal of your Elementor website with the Hover Card widget from The Plus Addons for Elementor. This powerful widget empowers you to create stunning and interactive custom content layouts. Showcase your content in a unique and engaging way, capturing the attention of your visitors and delivering a great user experience.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-hover-card-animations?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor<\/a> plugin installed and activated.<\/li>\n\n\n\n<li>Make sure the Hover Card widget is activated, to verify this visit Plus Settings \u2192 and Search for Hover Card and activate.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Learn via Video Tutorial:<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Create custom layouts using Hover Card Widget of The Plus Addons in Elementor Page Builder\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/BksYXVaiGk8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to activate the Hover Card Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Settings <\/strong>\u2192<strong> Plus widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle <\/strong>then<strong> <\/strong>click <strong>Save.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"912\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate.png\" alt=\"hover card activate\" class=\"wp-image-121068\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate-1024x486.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate-768x365.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate-1536x730.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-activate-600x285.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Key features<\/h2>\n\n\n\n<p><strong>Custom Content Layout<\/strong> &#8211; You can easily create a custom content layout.<\/p>\n\n\n\n<p><strong>Different Content Type<\/strong> &#8211; You can use different types of content like text, image, HTML, CSS and js.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use the Hover Card Widget?<\/h2>\n\n\n\n<p>To use the Hover Card widget from The Plus Addons for Elementor, add the widget on the page.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: This widget is for developers only, it requires a good understanding of HTML and CSS to make custom layouts.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Because this widget has so many customisation options, it can load a bit slowly at first (*only in the Elementor editor). Once loaded, it will work smoothly like any other widget.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>This is a repeater type widget, so you have to add an element first. To do so, click on the <strong>+ADD ITEM<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"332\" height=\"277\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-add-item.png\" alt=\"hover card add item\" class=\"wp-image-121069\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-add-item.png 332w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-add-item-300x250.png 300w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Open and Close Tab<\/h3>\n\n\n\n<p>It will open an item, from the <strong>Open Tag<\/strong> dropdown, under the <strong>Open<\/strong> tab, you have to select the opening tag. Here you\u2019ll find multiple tag options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Div<\/strong> &#8211; This is to open a <a href=\"https:\/\/www.w3schools.com\/tags\/tag_div.asp\" target=\"_blank\" rel=\"noreferrer noopener\">div tag<\/a>.<\/p>\n\n\n\n<p><strong>Span<\/strong> &#8211; This is to open a <a href=\"https:\/\/www.w3schools.com\/tags\/tag_span.asp\" target=\"_blank\" rel=\"noreferrer noopener\">span tag<\/a>.<\/p>\n\n\n\n<p><strong>H1<\/strong> &#8211; This is to open a <a href=\"https:\/\/www.w3schools.com\/tags\/tag_hn.asp\" target=\"_blank\" rel=\"noreferrer noopener\">h1 tag<\/a>.<\/p>\n\n\n\n<p><strong>H2<\/strong> &#8211; This is to open a h2 tag.<\/p>\n\n\n\n<p><strong>H3<\/strong> &#8211; This is to open a h3 tag.<\/p>\n\n\n\n<p><strong>H4<\/strong> &#8211; This is to open a h4 tag.<\/p>\n\n\n\n<p><strong>H5<\/strong> &#8211; This is to open a h5 tag.<\/p>\n\n\n\n<p><strong>H6<\/strong> &#8211; This is to open a h6 tag.<\/p>\n\n\n\n<p><strong>p<\/strong> &#8211; This is to open a <a href=\"https:\/\/www.w3schools.com\/tags\/tag_p.asp\" target=\"_blank\" rel=\"noreferrer noopener\">p tag<\/a>.<\/p>\n\n\n\n<p><strong>a<\/strong> &#8211; This is to open an <a href=\"https:\/\/www.w3schools.com\/tags\/tag_a.asp\" target=\"_blank\" rel=\"noreferrer noopener\">a tag<\/a>.<\/p>\n\n\n\n<p><strong>None<\/strong> &#8211; This option won\u2019t open any tag. You can use this option to add HTML, Style or Script content where no tag is required. If a tag is not closed within the item with this option, you can continue the tag across multiple items. <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-multiple-elements-inside-one-element-in-elementor-hover-card\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn the process<\/a>.<\/p>\n\n\n\n<p>For the <strong>a<\/strong> tag only, you\u2019ll get a <strong>Link<\/strong> field where you can add a URL for the a tag.<\/p>\n\n\n\n<p>In the <strong>Enter Class<\/strong> field, you can add a CSS class name for a tag (except for the <strong>None<\/strong> option). This class can be used to target the element for styling.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"333\" height=\"1032\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-open-close-tag.gif\" alt=\"hover card open close tag\" class=\"wp-image-121070\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Make sure to add the class name without <\/em><strong><em>.(dot)<\/em><\/strong><em> in front.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>From the <strong>Close Tag<\/strong> dropdown under the <strong>Close<\/strong> tab, you have to select the closing tag.<\/p>\n\n\n\n<p><strong>Default<\/strong> &#8211; This will auto close the tag opened in the <strong>Open<\/strong> tab.<\/p>\n\n\n\n<p>For Div, Span, H1, H2, H3, H4, H5, H6, p and a options it will close the respective tags.<\/p>\n\n\n\n<p><strong>None<\/strong> &#8211; This option will not close the tag opened in the <strong>Open<\/strong> tab. This can allow you to <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-multiple-elements-inside-one-element-in-elementor-hover-card\/\" target=\"_blank\" rel=\"noreferrer noopener\">add multiple elements inside one element<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<p>Then from the <strong>Content<\/strong> dropdown, you have to select the content type. Here you\u2019ll find different content types &#8211;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"1039\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-content-type.gif\" alt=\"hover card content type\" class=\"wp-image-121071\"\/><\/figure>\n\n\n\n<p><strong>None<\/strong> &#8211; With this option, no content will be added. This can be used to create an empty container that can have other containers in it without its own content.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If <\/em><strong><em>Open Tag<\/em><\/strong><em> and <\/em><strong><em>Content<\/em><\/strong><em> both are set to <\/em><strong><em>None<\/em><\/strong><em> then you won\u2019t see any options.<\/em>&nbsp;&nbsp;&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Text<\/strong> &#8211; With this option, you can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/use-text-content-with-hover-card-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">add text content in the selected tag<\/a>.<\/p>\n\n\n\n<p><strong>Image<\/strong> &#8211; With this option, you can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/use-image-content-with-hover-card-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">add image content in the selected tag<\/a>.<\/p>\n\n\n\n<p><strong>HTML<\/strong> &#8211; With this option, you can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/use-html-content-with-hover-card-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">add HTML content with a WYSIWYG editor in the selected tag<\/a>.<\/p>\n\n\n\n<p><strong>Style<\/strong> &#8211; With this option, you can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/use-style-content-with-hover-card-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">add custom CSS to your layout<\/a>. Ideally, <strong>None<\/strong> should be selected as the opening and closing tag.<\/p>\n\n\n\n<p><strong>Script<\/strong> &#8211; With this option, you can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/use-script-content-with-hover-card-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">add custom js to your layout<\/a>. Ideally, <strong>None<\/strong> should be selected as the opening and closing tag.<\/p>\n\n\n\n<p>With each content type (except <strong>None<\/strong>) you\u2019ll get relevant options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<p>From the <strong>Style<\/strong> section, you can style your element. Here you\u2019ll find different style related options &#8211;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"1032\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-style-option.png\" alt=\"hover card style option\" class=\"wp-image-121072\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-style-option.png 333w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-style-option-97x300.png 97w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-style-option-330x1024.png 330w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: When the open tag is set as <\/em><strong><em>None<\/em><\/strong><em>, the style option will not be available.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Position<\/strong> &#8211; From here, you can set the position to <a href=\"https:\/\/www.w3schools.com\/css\/css_positioning.asp\"><strong>Relative<\/strong> or <strong>Absolute<\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>Display<\/strong> &#8211; From here, you can set the <a href=\"https:\/\/www.w3schools.com\/cssref\/pr_class_display.php\">display property<\/a> to <strong>Block<\/strong>, <strong>Inline Block<\/strong>, <strong>Flex<\/strong>, <strong>Inline Flex<\/strong>, <strong>Initial<\/strong> and <strong>Inherit<\/strong> for the element.<\/p>\n\n\n\n<p><strong>Flex Direction<\/strong> &#8211; For <strong>Flex<\/strong> and <strong>Inline Flex<\/strong> display property, you\u2019ll get this option. From here you can set the <a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_flex-direction.php\">flex direction property<\/a> to column, column-reverse, row and unset.<\/p>\n\n\n\n<p><strong>Alignment CSS Options<\/strong> &#8211; From here, you can set the text alignment by turning on the toggle. For <strong>Flex<\/strong> and <strong>Inline Flex<\/strong> display property, you\u2019ll get some <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_flexible_box_layout\/Aligning_items_in_a_flex_container\">flex alignment<\/a> related options.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: The Text alignment option will depend on the display property set in the <\/em><strong><em>Display<\/em><\/strong><em> dropdown.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Margin<\/strong> &#8211; From here, you can add margin to the element for different devices.<\/p>\n\n\n\n<p><strong>Padding<\/strong> &#8211; From here, you can add padding to the element for different devices.<\/p>\n\n\n\n<p><strong>Top (Auto \/ PX)<\/strong> &#8211; You\u2019ll see this option when the position is set to <strong>Absolute<\/strong>. From here, you can set the top offset.&nbsp;<\/p>\n\n\n\n<p><strong>Bottom (Auto \/ PX)<\/strong> &#8211; You\u2019ll see this option when the position is set to <strong>Absolute<\/strong>. From here, you can set the bottom offset.<\/p>\n\n\n\n<p><strong>Left (Auto \/ PX)<\/strong> &#8211; You\u2019ll see this option when the position is set to <strong>Absolute<\/strong>. From here, you can set the left offset.<\/p>\n\n\n\n<p><strong>Right (Auto \/ PX)<\/strong> &#8211; You\u2019ll see this option when the position is set to <strong>Absolute<\/strong>. From here, you can set the right offset.<\/p>\n\n\n\n<p><strong>Width\/Height Options<\/strong> &#8211; From here, you can set the width and hight of the element.<\/p>\n\n\n\n<p><strong>Z-Index<\/strong> &#8211; From here, you can set the z-index value of the element for different devices.<\/p>\n\n\n\n<p><strong>Overflow<\/strong> &#8211; From here, you can set the <a href=\"https:\/\/www.w3schools.com\/cssref\/pr_pos_overflow.php\">overflow property<\/a> of the element.<\/p>\n\n\n\n<p><strong>Visibility<\/strong> &#8211; From here, you can set the <a href=\"https:\/\/www.w3schools.com\/cssref\/pr_class_visibility.php\">visibility property<\/a> of the element.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Background Style<\/h3>\n\n\n\n<p>From the <strong>Background Style<\/strong> section, you can set the background style of the element for both normal and hover state.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"332\" height=\"906\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/07\/hover-card-background-style-option.gif\" alt=\"hover card background style option\" class=\"wp-image-121073\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: When the open tag is set as <\/em><strong><em>None<\/em><\/strong><em>, the background style option will not be available.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Once you turn on the <strong>Background<\/strong> toggle, you\u2019ll see a <strong>Normal<\/strong> and <strong>Hover<\/strong> tab here you can set different background related styling options.<\/p>\n\n\n\n<p><strong>Normal<\/strong> tab &#8211;<\/p>\n\n\n\n<p><strong>Background Type<\/strong> &#8211; From here, you can set the background.<\/p>\n\n\n\n<p><strong>Border Type<\/strong> &#8211; From here, you can set the border.<\/p>\n\n\n\n<p><strong>Border Radius<\/strong> &#8211; From here, you can set the border radius of the element for different devices.<\/p>\n\n\n\n<p><strong>Box Shadow<\/strong> &#8211; From here, you can set the box shadow.<\/p>\n\n\n\n<p><strong>Transition css<\/strong> &#8211; Here you can manually add <a href=\"https:\/\/www.w3schools.com\/css\/css3_transitions.asp\">CSS transition<\/a> value to the element.<\/p>\n\n\n\n<p><strong>Transform css<\/strong> &#8211; Here you can manually add <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/transform\">CSS transform<\/a> value to the element.<\/p>\n\n\n\n<p><strong>CSS Filters<\/strong> &#8211; From here you can add a CSS filter to the element.<\/p>\n\n\n\n<p><strong>Opacity<\/strong> &#8211; From here you can add opacity to the element.<\/p>\n\n\n\n<p><strong>Hover<\/strong> tab &#8211;<\/p>\n\n\n\n<p><strong>Custom Hover<\/strong> &#8211; Here, you can add a parent container class name of the element by turning on the toggle. On hovering that parent container, the CSS property set in the Hover tab of the current element will be applied. <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-hover-effect-with-custom-hover-class-in-elementor-hover-card\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn the process<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Make sure to add the class name with <\/em><strong><em>.(dot)<\/em><\/strong><em> in front.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>The rest of the options are the same as in the Normal tab, the values you set here will apply on hover only.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You\u2019ll find the same set of CSS property options for normal hover and custom hover, but you can set different values for each option.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Depending on the content type selected in the <strong>Content<\/strong> dropdown, you\u2019ll get some extra styling options for that specific content type.<\/p>\n\n\n\n<p>Click on the <strong>+ADD ITEM<\/strong> button to add multiple elements.<\/p>\n\n\n\n<p>Advanced options remain common for all our widget, you can explore all it options from here.<\/p>\n\n\n\n<p><a href=\"https:\/\/theplusblocks.com\/docs\/advanced-tab-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Advanced tab tutorial.<\/a><\/p>\n","protected":false},"author":25,"featured_media":121077,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[574,527],"class_list":["post-121066","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-hover-card","docs-plus-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121066"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121066\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121077"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121066"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}