{"id":10598,"date":"2019-01-29T11:50:36","date_gmt":"2019-01-29T09:50:36","guid":{"rendered":"https:\/\/premiumaddons.com\/?post_type=epkb_post_type_1&#038;p=10598"},"modified":"2024-02-29T14:08:27","modified_gmt":"2024-02-29T12:08:27","slug":"how-can-i-pull-charts-widget-data-dynamically","status":"publish","type":"docs","link":"https:\/\/premiumaddons.com\/docs\/how-can-i-pull-charts-widget-data-dynamically\/","title":{"rendered":"How can I pull Charts widget data dynamically?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10598\" class=\"elementor elementor-10598\" data-elementor-post-type=\"docs\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-596762f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"596762f3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5e396f\" data-id=\"f5e396f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f9bb8e elementor-widget elementor-widget-text-editor\" data-id=\"0f9bb8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><b>Important<\/b><br>This article shows how you can set charts data dynamically using ACF plugin, if you are not familiar with ACF, you can watch <a href=\"https:\/\/www.youtube.com\/watch?v=GAm7Mp7QlR4\" target=\"_blank\">this<\/a> video tutorial.\n<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15647116 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15647116\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33860b7a\" data-id=\"33860b7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43fd2584 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"43fd2584\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63058069 elementor-widget elementor-widget-heading\" data-id=\"63058069\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create ACF Fields<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14647e17 elementor-widget elementor-widget-text-editor\" data-id=\"14647e17\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tFirst, we will need to create ACF fields to pull our charts data from, you can follow the steps below to create a group of ACF fields:\n<ul>\n \t<li>On your dashboard, go to Custom Fields -&gt; click on `Add New` to create a field group,\u00a0 Once you have created your field group, you can start adding fields from `Add Field`. Check <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/creating-a-field-group\/\" target=\"_blank\" rel=\"noopener\">this<\/a> for detailed description.<\/li>\n<\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a54316d elementor-widget elementor-widget-image\" data-id=\"a54316d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzQ3IDU4NSIgd2lkdGg9IjEzNDciIGhlaWdodD0iNTg1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRjEtNS5wbmciIGRhdGEtdz0iMTM0NyIgZGF0YS1oPSI1ODUiIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10616\" alt=\"Using Elementor Chart with ACF\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Using Elementor Chart with ACF<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d38fb07 elementor-widget elementor-widget-image\" data-id=\"d38fb07\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"445\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzQ3IDU4NSIgd2lkdGg9IjEzNDciIGhlaWdodD0iNTg1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRjItMy5wbmciIGRhdGEtdz0iMTM0NyIgZGF0YS1oPSI1ODUiIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10617\" alt=\"Add field to ACF to Use with Elementor Chart Widget\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Add field to ACF to Use with Elementor Chart Widget<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b613982 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b613982\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a65da7e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a65da7e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a41a6aa\" data-id=\"a41a6aa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-04bc66b elementor-widget elementor-widget-heading\" data-id=\"04bc66b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Put ACF Fields Together<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9d761 elementor-widget elementor-widget-text-editor\" data-id=\"ee9d761\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: left;\">Now, we will need to put ACF fields together in one field that we will use in our charts<\/p><ul><li style=\"list-style-type: none;\"><ul><li>On your dashboard, go to Appearance -&gt; Editor, on the right side, select Theme Functions `functions.php`<\/li><li>Add the following code to the very end of the file:<\/li><\/ul><\/li><\/ul><p>function create_charts_field_group() {<\/p><p>acf_add_local_field_group(array(<br \/>&#8216;key&#8217; =&gt; &#8216;group_1&#8217;,<br \/>&#8216;title&#8217; =&gt; &#8216;Charts Group&#8217;,<br \/>&#8216;location&#8217; =&gt; array (<br \/>array (<br \/>array (<br \/>&#8216;param&#8217; =&gt; &#8216;post_type&#8217;,<br \/>&#8216;operator&#8217; =&gt; &#8216;==&#8217;,<br \/>&#8216;value&#8217; =&gt; &#8216;post&#8217;,<br \/>),<br \/>),<br \/>),<br \/>));<\/p><p>acf_add_local_field(array(<br \/>&#8216;key&#8217; =&gt; &#8216;info&#8217;,<br \/>&#8216;label&#8217; =&gt; &#8216;Person Info&#8217;,<br \/>&#8216;name&#8217; =&gt; &#8216;person_info&#8217;,<br \/>&#8216;type&#8217; =&gt; &#8216;text&#8217;,<br \/>&#8216;parent&#8217; =&gt; &#8216;group_1&#8217;<br \/>));<\/p><p>}<\/p><p>function create_charts_update_field() {<br \/>$age = get_field(&#8216;age&#8217;);<\/p><p>$weight = get_field(&#8216;weight&#8217;);<\/p><p>$height = get_field(&#8216;height&#8217;);<\/p><p>$data = $age .\u00a0 &#8216;,&#8217;\u00a0 . $weight\u00a0 .\u00a0 &#8216;,&#8217;\u00a0 .\u00a0 $height;<\/p><p>update_field( &#8216;info&#8217; , $data );<\/p><p>}<\/p><p>add_action(&#8216;acf\/init&#8217;, &#8216;create_charts_field_group&#8217;);<\/p><p>add_action(&#8216;acf\/save_post&#8217;, &#8216;create_charts_update_field&#8217;);<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d730e8c elementor-widget elementor-widget-image\" data-id=\"d730e8c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"445\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzQ3IDU4NSIgd2lkdGg9IjEzNDciIGhlaWdodD0iNTg1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRjMtMS5wbmciIGRhdGEtdz0iMTM0NyIgZGF0YS1oPSI1ODUiIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10618\" alt=\"Elementor Chart Widget Add Code to Functions.php\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Elementor Chart Widget Add Code to Functions.php<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d944145 elementor-widget elementor-widget-image\" data-id=\"d944145\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"445\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzQ3IDU4NSIgd2lkdGg9IjEzNDciIGhlaWdodD0iNTg1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRjUucG5nIiBkYXRhLXc9IjEzNDciIGRhdGEtaD0iNTg1IiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10619\" alt=\"Elementor Chart Widget Adding Code to the Fucntions.php\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Elementor Chart Widget Adding Code to the Fucntions.php<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b16a2d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b16a2d6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-60af1f0\" data-id=\"60af1f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9b36769 elementor-widget elementor-widget-text-editor\" data-id=\"9b36769\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div>\u00a0<\/div><div>This should create a new field group that contains one field of text type and its value is equal to your ACF fields separated by a comma updated each time you update\/save your post.<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da6b5a8 elementor-widget elementor-widget-image\" data-id=\"da6b5a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"504\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDI2IDcwMiIgd2lkdGg9IjE0MjYiIGhlaWdodD0iNzAyIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRmluZGV4LTMucG5nIiBkYXRhLXc9IjE0MjYiIGRhdGEtaD0iNzAyIiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10623\" alt=\"Functions.php location\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Functions.php location<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a9cb3b elementor-widget elementor-widget-text-editor\" data-id=\"9a9cb3b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div>If you want to add more fields, you can use field name to get the field value.<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-317806f elementor-widget elementor-widget-image\" data-id=\"317806f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"534\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDI2IDc0MyIgd2lkdGg9IjE0MjYiIGhlaWdodD0iNzQzIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMTklMkYwMSUyRmluZGV4LTUucG5nIiBkYXRhLXc9IjE0MjYiIGRhdGEtaD0iNzQzIiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" class=\"attachment-large size-large wp-image-10625\" alt=\"Elementor Chart Widget ACF\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Elementor Chart Widget ACF<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87d13b2 elementor-widget elementor-widget-text-editor\" data-id=\"87d13b2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div>$field_value = get_field(&#8216;field_name&#8217;);<\/div><div>\u00a0<\/div><div>then, update your data variable to be:<\/div><div>\u00a0<\/div><div>\u00a0$data = $age\u00a0 .\u00a0 &#8216;,&#8217;\u00a0 .\u00a0 $weight\u00a0 .\u00a0 &#8216;,&#8217; . \u00a0 $height . &#8216;,&#8217; . $field_value;<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Important This article shows how you can set charts data dynamically using ACF plugin, if you are not familiar with ACF, you can watch this video tutorial. Create ACF Fields First, we will need to create ACF fields to pull our charts data from, you can follow the steps below to create a group of [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"Premium Charts Elementor widget can be used to pull dynamic data from Advanced Custom Fields plugin","_seopress_robots_index":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"docs_category":[482],"docs_tag":[],"_links":{"self":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/10598"}],"collection":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/comments?post=10598"}],"version-history":[{"count":1,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/10598\/revisions"}],"predecessor-version":[{"id":72690,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/10598\/revisions\/72690"}],"wp:attachment":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/media?parent=10598"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_category?post=10598"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_tag?post=10598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}