{"id":693,"date":"2023-10-22T12:43:27","date_gmt":"2023-10-22T12:43:27","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=693"},"modified":"2023-10-22T12:43:28","modified_gmt":"2023-10-22T12:43:28","slug":"apollo13-framework-extensions","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/apollo13-framework-extensions\/","title":{"rendered":"Apollo13 Framework Extensions Shortcodes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Apollo13 Framework Extensions Shortcodes<\/strong> to your WordPress website, including their <strong>parameters<\/strong>, <strong>examples<\/strong>, and <strong>PHP function code<\/strong>. Additionally, we&#8217;ll assist you with common issues that might cause the Apollo13 Framework Extensions Plugin shortcodes not to show or not to work correctly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before starting, here is an overview of the Apollo13 Framework Extensions Plugin and the shortcodes it provides:<\/p>\n\n\n<p>    <div class=\"plugin-info-box\">\n        <div class=\"top-main\">\n            <!-- SVG Image -->\n            <div class=\"plugin-image\">\n                <img decoding=\"async\" src=\"https:\/\/ps.w.org\/apollo13-framework-extensions\/assets\/icon-128x128.png?rev=1854162\" alt=\"Plugin Icon\" \/>\n            <\/div>\n            \n            <div class=\"plugin-descriptive-part\">\n                <!-- Plugin Name with Link -->\n\n                    <a class=\"plugin-title\" href=\"https:\/\/wordpress.org\/plugins\/apollo13-framework-extensions\" target=\"_blank\" rel=\"noopener\">\n                        Apollo13 Framework Extensions                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Apollo13 Framework Extensions is a robust WordPress plugin that enhances your website&#039;s functionality by extending the capabilities of the Apollo13 Framework.&quot;                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Rating and Additional Info -->\n        <div class=\"plugin-meta\">\n            <span class=\"plugin-rating\">\n                <span class='stars'>\u2605\u2605\u2605\u2605\u2605<\/span> (1)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 30000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 6.3.2            <\/span>\n            <span class=\"plugin-php-version\">\n                <strong>PHP Version<\/strong>: 5.4.0            <\/span>\n        <\/div>\n\n        <!-- List of Included Shortcodes -->\n        <div class=\"plugin-shortcodes\">\n            <strong>Included Shortcodes:<\/strong>\n            <ul>\n                <li>[a13_countdown]<\/li><li>[a13_counter]<\/li><li>[a13fe-gallery]<\/li><li>[a13fe-post-list]<\/li><li>[a13fe-scroller]<\/li><li>[a13fe-slider]<\/li><li>[a13fe-writing-effect]<\/li><li>[vc_a13_album_body]<\/li><li>[vc_a13_product_body]<\/li><li>[vc_a13_work_body]<\/li><li>[vc_a13_post_body]<\/li><li>[vc_a13_team_member]<\/li><li>[vc_a13_testimonial_signature]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13_countdown] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions plugin shortcode, &#8216;a13_countdown&#8217;, is designed to render a customizable countdown timer on your website. \n\n\n\nThis shortcode extracts various attributes like style, year, month, day, hour, minute, and colors. It checks for the jQuery countdown script and enqueues it if found. It then formats the date and creates an output string that includes the countdown timer with the extracted attributes. \n\nIf the style is set to &#8216;flipping&#8217;, it adds an additional script for a flipping animation. This shortcode provides an easy way to add an interactive countdown timer to your WordPress site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13_countdown]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13_countdown shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>style<\/code> &#8211; sets the countdown timer&#8217;s style to either &#8216;simple&#8217; or &#8216;flipping&#8217;.<\/li>\n<li><code>year<\/code> &#8211; sets the year for the countdown timer.<\/li>\n<li><code>month<\/code> &#8211; sets the month for the countdown timer.<\/li>\n<li><code>day<\/code> &#8211; sets the day for the countdown timer.<\/li>\n<li><code>hour<\/code> &#8211; sets the hour for the countdown timer.<\/li>\n<li><code>minute<\/code> &#8211; sets the minute for the countdown timer.<\/li>\n<li><code>fcolor<\/code> &#8211; changes the font color of the countdown timer.<\/li>\n<li><code>bcolor<\/code> &#8211; changes the background color of the countdown timer.<\/li>\n<li><code>gap<\/code> &#8211; adjusts the space between countdown blocks.<\/li>\n<li><code>el_class<\/code> &#8211; assigns a unique CSS class to the countdown timer.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple countdown timer with a specified date and time.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_countdown year=\"2023\" month=\"12\" day=\"31\" hour=\"23\" minute=\"59\" \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Displaying a countdown timer with a specific style, foreground color, background color, and additional CSS class.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_countdown style=\"flipping\" year=\"2023\" month=\"12\" day=\"31\" hour=\"23\" minute=\"59\" fcolor=\"#ffffff\" bcolor=\"#000000\" el_class=\"my_custom_class\" \/]<\/code><\/pre>\n\n\n<p>Creating a countdown timer with a specific gap between the blocks.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_countdown year=\"2023\" month=\"12\" day=\"31\" hour=\"23\" minute=\"59\" gap=\"10\" \/]<\/code><\/pre>\n\n\n<p>Setting up a countdown timer with a unique style, date, and time, and also applying a specific foreground and background color.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_countdown style=\"flipping\" year=\"2023\" month=\"12\" day=\"31\" hour=\"23\" minute=\"59\" fcolor=\"#ffffff\" bcolor=\"#000000\" \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13_countdown]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13_countdown', 'a13fe_countdown_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_countdown_render( $atts ) {\n\t$output = $fcolor = $bcolor = $style = $year = $month = $day = $hour = $minute = $el_class = $gap = &#039;&#039;;\n\n\textract( shortcode_atts( array(\n\t\t&#039;style&#039;    =&gt; &#039;simple&#039;,\n\t\t&#039;year&#039;     =&gt; &#039;&#039;,\n\t\t&#039;month&#039;    =&gt; &#039;&#039;,\n\t\t&#039;day&#039;      =&gt; &#039;&#039;,\n\t\t&#039;hour&#039;     =&gt; &#039;00&#039;,\n\t\t&#039;minute&#039;   =&gt; &#039;00&#039;,\n\t\t&#039;fcolor&#039;   =&gt; &#039;&#039;,\n\t\t&#039;bcolor&#039;   =&gt; &#039;&#039;,\n\t\t&#039;gap&#039;      =&gt; &#039;&#039;,\n\t\t&#039;el_class&#039; =&gt; &#039;&#039;\n\t), $atts ) );\n\n\t$gap       = esc_attr( $gap != &#039;&#039; ? &#039;0 &#039; . $gap . &#039;px&#039; : &#039;0&#039; );\n\t$unique_class = &#039;a13_class_&#039; . rand();\n\n\t\/\/check for script in theme version &lt; 1.8.0\n\tif(wp_script_is( &#039;jquery.countdown&#039;, &#039;registered&#039; ) || wp_script_is( &#039;jquery.countdown&#039;, &#039;enqueued&#039; )){\n\t\twp_enqueue_script( &#039;jquery.countdown&#039; );\n\t}\n\t\/\/check for script in theme version &gt;= 1.8.0\n\telseif(wp_script_is( &#039;jquery-countdown&#039;, &#039;registered&#039; ) || wp_script_is( &#039;jquery-countdown&#039;, &#039;enqueued&#039; )){\n\t\twp_enqueue_script( &#039;jquery-countdown&#039; );\n\t}\n\n\t$date_str = sprintf( &#039;%s\/%s\/%s %s:%s:00&#039;, $year, $month, $day, $hour, $minute );\n\n\t$output .= &#039;&lt;style&gt; .&#039; . $unique_class . &#039; .block{margin:&#039; . $gap . &#039;;color:&#039; . esc_attr( $fcolor ) . &#039;;background-color:&#039; . esc_attr( $bcolor ) . &#039;;} &lt;\/style&gt;&#039;;\n\n\t$output .= &#039;&lt;div class=&quot;&#039;. esc_attr( &#039;a13_count_down &#039; . $unique_class . &#039; &#039; . $style . &#039; &#039; . $el_class ) .&#039;&quot; data-style=&quot;&#039; . esc_attr( $style ) . &#039;&quot; data-weeks=&quot;&#039; . esc_html__( &#039;Weeks&#039;, &#039;apollo13-framework-extensions&#039; ) . &#039;&quot; data-days=&quot;&#039; . esc_html__( &#039;Days&#039;, &#039;apollo13-framework-extensions&#039; ) . &#039;&quot; data-hours=&quot;&#039; . esc_html__( &#039;Hours&#039;, &#039;apollo13-framework-extensions&#039; ) . &#039;&quot; data-minutes=&quot;&#039; . esc_html__( &#039;Minutes&#039;, &#039;apollo13-framework-extensions&#039; ) . &#039;&quot; data-seconds=&quot;&#039; . esc_html__( &#039;Seconds&#039;, &#039;apollo13-framework-extensions&#039; ) . &#039;&quot; data-date=&quot;&#039; . esc_attr( $date_str ) . &#039;&quot;&gt;&lt;\/div&gt;&#039;;\n\n\tif ( $style == &#039;flipping&#039; ) {\n\t\t$output .= &#039;&lt;script type=&quot;text\/template&quot; id=&quot;main-example-template&quot;&gt;&#039;;\n\t\t$output .= &#039;&lt;div class=&quot;time &lt;%= label %&gt;&quot; style=&quot;margin:&#039; . $gap . &#039;;&quot;&gt;&#039;;\n\t\t$output .= &#039;&lt;span class=&quot;count curr top&quot;&gt;&lt;%= curr %&gt;&lt;\/span&gt;&#039;;\n\t\t$output .= &#039;&lt;span class=&quot;count next top&quot;&gt;&lt;%= next %&gt;&lt;\/span&gt;&#039;;\n\t\t$output .= &#039;&lt;span class=&quot;count next bottom&quot;&gt;&lt;%= next %&gt;&lt;\/span&gt;&#039;;\n\t\t$output .= &#039;&lt;span class=&quot;count curr bottom&quot;&gt;&lt;%= curr %&gt;&lt;\/span&gt;&#039;;\n\t\t$output .= &#039;&lt;span class=&quot;label&quot;&gt;&lt;%= label  %&gt;&lt;\/span&gt;&#039;;\n\t\t$output .= &#039;&lt;\/div&gt;&#039;;\n\t\t$output .= &#039;&lt;\/script&gt;&#039;;\n\t}\n\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/countdown.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13_counter] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions plugin shortcode, &#8216;a13_counter&#8217;, renders a dynamic counter on the webpage. It lets you customize the counter&#8217;s starting and ending values, speed, refresh interval, and finish text. \n\n\n\nThis PHP function also allows for extensive styling, including font size, color, weight, text transformation, and alignment for both the counter digits and finish text. It also includes optional enqueueing of jQuery scripts for smooth counter operation. \n\nThe output is a styled div container with the counter and optional finish text, ready to be inserted into your WordPress page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13_counter]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13_counter shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>from<\/code> &#8211; The initial number from where the counter starts.<\/li>\n<li><code>to<\/code> &#8211; The final number where the counter ends.<\/li>\n<li><code>speed<\/code> &#8211; The speed at which the counter increases.<\/li>\n<li><code>refresh_interval<\/code> &#8211; Time interval in milliseconds for counter refresh.<\/li>\n<li><code>finish_text<\/code> &#8211; The text that appears when the counter finishes.<\/li>\n<li><code>text_font_size<\/code> &#8211; The font size of the text in pixels.<\/li>\n<li><code>digits_font_size<\/code> &#8211; The font size of the counter digits in pixels.<\/li>\n<li><code>text_color<\/code> &#8211; The color of the finish text.<\/li>\n<li><code>digits_color<\/code> &#8211; The color of the counter digits.<\/li>\n<li><code>text_bold<\/code> &#8211; Makes the finish text bold if set to true.<\/li>\n<li><code>digits_bold<\/code> &#8211; Makes the counter digits bold if set to true.<\/li>\n<li><code>uppercase<\/code> &#8211; Converts the finish text to uppercase if set to true.<\/li>\n<li><code>align<\/code> &#8211; Sets the alignment of the counter.<\/li>\n<li><code>el_class<\/code> &#8211; Specifies the class of the counter element.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Display a simple counter with the default parameters<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_counter \/]<\/code><\/pre>\n\n\n<p>Advanced examples<\/p>\n<p>Using the shortcode to display a counter from 0 to 100 with a speed of 2000 milliseconds, a refresh interval of 50 milliseconds, and a finish text of &#8220;Completed&#8221;.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_counter from=\"0\" to=\"100\" speed=\"2000\" refresh_interval=\"50\" finish_text=\"Completed\" \/]<\/code><\/pre>\n\n\n<p>Display a counter from 0 to 5000 with a speed of 5000 milliseconds, refresh interval of 100 milliseconds, finish text of &#8220;Reached&#8221;, and additional styling such as text color, digits color, and alignment.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_counter from=\"0\" to=\"5000\" speed=\"5000\" refresh_interval=\"100\" finish_text=\"Reached\" text_color=\"#000000\" digits_color=\"#FF0000\" align=\"center\" \/]<\/code><\/pre>\n\n\n<p>Display a counter from 0 to 10000 with a speed of 10000 milliseconds, refresh interval of 200 milliseconds, finish text of &#8220;Goal&#8221;, and additional styling such as text font size, digits font size, and text transform to uppercase.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13_counter from=\"0\" to=\"10000\" speed=\"10000\" refresh_interval=\"200\" finish_text=\"Goal\" text_font_size=\"14\" digits_font_size=\"20\" uppercase=\"true\" \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13_counter]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13_counter', 'a13fe_counter_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_counter_render( $atts ) {\n\t$el_class     = $from = $to = $speed = $refresh_interval = $finish_text = $text_font_size = $digits_font_size = $text_color = $text_bold = &#039;&#039;;\n\t$digits_color = $digits_bold = $uppercase = $style = $text_style = $number_style = $align = &#039;&#039;;\n\n\t\/\/check for script in theme version &lt; 1.8.0\n\tif(wp_script_is( &#039;jquery.countTo&#039;, &#039;registered&#039; ) || wp_script_is( &#039;jquery.countTo&#039;, &#039;enqueued&#039; )){\n\t\twp_enqueue_script( &#039;jquery.countTo&#039; );\n\t}\n\t\/\/check for script in theme version &gt;= 1.8.0\n\telseif(wp_script_is( &#039;jquery-countto&#039;, &#039;registered&#039; ) || wp_script_is( &#039;jquery-countto&#039;, &#039;enqueued&#039; )){\n\t\twp_enqueue_script( &#039;jquery-countto&#039; );\n\t}\n\n\n\textract( shortcode_atts( array(\n\t\t&#039;from&#039;             =&gt; &#039;&#039;,\n\t\t&#039;to&#039;               =&gt; &#039;&#039;,\n\t\t&#039;speed&#039;            =&gt; &#039;&#039;,\n\t\t&#039;refresh_interval&#039; =&gt; &#039;&#039;,\n\t\t&#039;finish_text&#039;      =&gt; &#039;&#039;,\n\t\t&#039;text_font_size&#039;   =&gt; &#039;&#039;,\n\t\t&#039;digits_font_size&#039; =&gt; &#039;&#039;,\n\t\t&#039;text_color&#039;       =&gt; false,\n\t\t&#039;digits_color&#039;     =&gt; false,\n\t\t&#039;text_bold&#039;        =&gt; false,\n\t\t&#039;digits_bold&#039;      =&gt; false,\n\t\t&#039;uppercase&#039;        =&gt; false,\n\t\t&#039;align&#039;            =&gt; &#039;&#039;,\n\t\t&#039;el_class&#039;         =&gt; &#039;&#039;\n\t), $atts ) );\n\t$uppercase = (bool) $uppercase;\n\t$digits_bold      = (bool) $digits_bold;\n\t$text_bold      = (bool) $text_bold;\n\n\t$css_classes = a13fe_get_extra_class( $el_class );\n\n\t\/\/bold font\n\tif ( $digits_bold === true ) {\n\t\t$number_style .= &#039;font-weight:bold;&#039;;\n\t} else {\n\t\t$number_style .= &#039;font-weight:normal;&#039;;\n\t}\n\tif ( $text_bold === true ) {\n\t\t$text_style .= &#039;font-weight:bold;&#039;;\n\t} else {\n\t\t$text_style .= &#039;font-weight:normal;&#039;;\n\t}\n\n\t\/\/text transform\n\tif ( $uppercase === true ) {\n\t\t$style .= &#039;text-transform:uppercase;&#039;;\n\t} else {\n\t\t$style .= &#039;text-transform:none;&#039;;\n\t}\n\t\/\/alignment\n\tif ( $align !== false &amp;&amp; strlen( $align ) ) {\n\t\t$style .= &#039;text-align:&#039; . esc_attr( $align ) . &#039;;&#039;;\n\t}\n\n\t\/\/color\n\tif ( $text_color !== false &amp;&amp; strlen( $text_color ) ) {\n\t\t$text_style .= &#039;color:&#039; . $text_color . &#039;;&#039;;\n\t}\n\tif ( $digits_color !== false &amp;&amp; strlen( $digits_color ) ) {\n\t\t$number_style .= &#039;color:&#039; . $digits_color . &#039;;&#039;;\n\t}\n\n\t\/\/font size of number\n\tif ( strlen( $text_font_size ) ) {\n\t\t$text_style .= &#039;font-size:&#039; . ( (int) $text_font_size ) . &#039;px;&#039;;\n\t}\n\tif ( strlen( $digits_font_size ) ) {\n\t\t$number_style .= &#039;font-size:&#039; . ( (int) $digits_font_size ) . &#039;px;&#039;;\n\t}\n\n\t\/\/attributes for counter\n\t$data_attr = &#039;&#039;;\n\t$data_arr  = array( &#039;from&#039;, &#039;to&#039;, &#039;speed&#039; );\n\tforeach ( $data_arr as $attr ) {\n\t\tif ( strlen( ${$attr} ) ) {\n\t\t\t$data_attr .= &#039; data-&#039; . $attr . &#039;=&quot;&#039; . esc_attr( ${$attr} ) . &#039;&quot;&#039;;\n\t\t}\n\t}\n\tif ( strlen( $refresh_interval ) ) {\n\t\t$data_attr .= &#039; data-refresh-interval=&quot;&#039; . esc_attr( $refresh_interval ) . &#039;&quot;&#039;;\n\t}\n\n\t$output = &#039;&lt;div class=&quot;a13_counter&#039; . esc_attr( $css_classes ) . &#039;&quot; style=&quot;&#039; . esc_attr( $style ) . &#039;&quot;&gt;&#039;;\n\t$output .= &#039;&lt;span class=&quot;number&quot; style=&quot;&#039; . esc_attr( $number_style ) . &#039;&quot; &#039; . $data_attr . &#039;&gt;&amp;nbsp;&lt;\/span&gt;&#039;;\n\t$output .= strlen( $finish_text ) ? ( &#039;&lt;span class=&quot;finish-text&quot; style=&quot;&#039; . esc_attr( $text_style ) . &#039;&quot;&gt;&#039; . esc_html( $finish_text ) . &#039;&lt;\/span&gt;&#039; ) : &#039;&#039;;\n\t$output .= &#039;&lt;\/div&gt;&#039; . &quot;\\n&quot;;\n\n\treturn $output;\n\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/counter.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13fe-gallery] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode creates a customizable gallery from selected media. It provides various options, including column number, margin, ratio, lightbox, hover effects, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13fe-gallery]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13fe-gallery shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>id<\/code> &#8211; Unique identifier of the album or work.<\/li>\n<li><code>columns<\/code> &#8211; Number of columns in the gallery.<\/li>\n<li><code>margin<\/code> &#8211; Margin between the images in the gallery.<\/li>\n<li><code>ratio<\/code> &#8211; Aspect ratio of the images in the gallery.<\/li>\n<li><code>filter<\/code> &#8211; Enables or disables the image filter.<\/li>\n<li><code>lightbox<\/code> &#8211; Enables or disables the lightbox feature.<\/li>\n<li><code>hover_effect<\/code> &#8211; Determines the hover effect applied to the images.<\/li>\n<li><code>cover<\/code> &#8211; Enables or disables the image cover.<\/li>\n<li><code>cover_hover<\/code> &#8211; Enables or disables the hover effect on the cover.<\/li>\n<li><code>cover_color<\/code> &#8211; Color of the image cover.<\/li>\n<li><code>texts<\/code> &#8211; Enables or disables the image texts.<\/li>\n<li><code>texts_hover<\/code> &#8211; Enables or disables the hover effect on texts.<\/li>\n<li><code>texts_position<\/code> &#8211; Determines where the texts are positioned.<\/li>\n<li><code>gradient<\/code> &#8211; Enables or disables the gradient overlay.<\/li>\n<li><code>gradient_hover<\/code> &#8211; Enables or disables the hover effect on the gradient overlay.<\/li>\n<li><code>socials<\/code> &#8211; Enables or disables the social media sharing buttons.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Display a gallery using the shortcode by referencing the ID of the gallery.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-gallery id=1 \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Display a gallery with custom parameters such as the number of columns, margin between images, and the aspect ratio of the images. In this example, we&#8217;re setting the number of columns to 4, the margin to 10px, and the aspect ratio to 1.5.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-gallery id=1 columns=4 margin='10px' ratio='1.5' \/]<\/code><\/pre>\n\n\n<p>Display a gallery with additional parameters such as enabling the lightbox feature, setting a hover effect, and enabling social sharing buttons. In this example, we&#8217;re enabling the lightbox, setting the hover effect to &#8216;cross&#8217;, and enabling the social sharing buttons.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-gallery id=1 lightbox='on' hover_effect='cross' socials='on' \/]<\/code><\/pre>\n\n\n<p>Display a gallery with custom overlay settings. In this example, we&#8217;re setting the overlay cover color to a semi-transparent black, the overlay gradient to a blue color, and the overlay texts to be displayed on hover.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-gallery id=1 cover_color='rgba(0,0,0,0.7)' gradient='blue' texts='on' \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13fe-gallery]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13fe-gallery', 'a13fe_gallery_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_gallery_shortcode( $atts ) {\n\t\/\/works only with apollo13 framework themes\n\tif(!function_exists(&#039;apollo13framework_make_bricks_gallery&#039;)) {\n\t\treturn &#039;&#039;;\n\t}\n\n\tob_start();\n\n\t$id             = &#039;&#039;;\n\t$cover_color    = &#039;&#039;;\n\t$filter         = &#039;&#039;;\n\t$lightbox       = &#039;&#039;;\n\t$texts_position = &#039;&#039;;\n\t$hover_effect   = &#039;&#039;;\n\t$cover          = &#039;&#039;;\n\t$cover_hover    = &#039;&#039;;\n\t$gradient       = &#039;&#039;;\n\t$gradient_hover = &#039;&#039;;\n\t$texts          = &#039;&#039;;\n\t$texts_hover    = &#039;&#039;;\n\t$socials        = &#039;&#039;;\n\t$margin         = &#039;&#039;;\n\t$ratio          = &#039;&#039;;\n\t$columns        = &#039;&#039;;\n\n\t\/\/ define attributes and their defaults\n\textract( shortcode_atts( array(\n\t\t&#039;id&#039;             =&gt; false,\n\t\t&#039;columns&#039;        =&gt; 3,\n\t\t&#039;margin&#039;         =&gt; &#039;5px&#039;,\n\t\t&#039;ratio&#039;          =&gt; &#039;0&#039;,\n\t\t&#039;filter&#039;         =&gt; &#039;off&#039;,\n\t\t&#039;lightbox&#039;       =&gt; &#039;on&#039;,\n\t\t&#039;hover_effect&#039;   =&gt; &#039;drop&#039;,\n\t\t&#039;cover&#039;          =&gt; &#039;&#039;,\n\t\t&#039;cover_hover&#039;    =&gt; &#039;&#039;,\n\t\t&#039;cover_color&#039;    =&gt; &#039;rgba(0,0,0,0.7)&#039;,\n\t\t&#039;texts&#039;          =&gt; &#039;&#039;,\n\t\t&#039;texts_hover&#039;    =&gt; &#039;&#039;,\n\t\t&#039;texts_position&#039; =&gt; &#039;bottom_center&#039;,\n\t\t&#039;gradient&#039;       =&gt; &#039;&#039;,\n\t\t&#039;gradient_hover&#039; =&gt; &#039;&#039;,\n\t\t&#039;socials&#039;        =&gt; &#039;off&#039;,\n\t), $atts ) );\n\n\t\/\/make sure on\/off params have proper values\n\t$on_off_attrs = array(\n\t\t&#039;filter&#039;,\n\t\t&#039;lightbox&#039;,\n\t\t&#039;cover&#039;,\n\t\t&#039;cover_hover&#039;,\n\t\t&#039;gradient&#039;,\n\t\t&#039;gradient_hover&#039;,\n\t\t&#039;texts&#039;,\n\t\t&#039;texts_hover&#039;,\n\t\t&#039;socials&#039;\n\t);\n\n\tforeach($on_off_attrs as $attribute ){\n\t\tif($$attribute === &#039;1&#039; || $$attribute === &#039;true&#039; ){\n\t\t\t$$attribute = &#039;on&#039;;\n\t\t}\n\t\telseif($$attribute === &#039;0&#039; || $$attribute === &#039;false&#039; ){\n\t\t\t$$attribute = &#039;off&#039;;\n\t\t}\n\t}\n\n\n\t\/\/without id\n\tif ( $id === false ) {\n\t\treturn esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\t\/\/it doesn&#039;t contain items to use\n\t$has_images = strlen( get_post_meta( $id, &#039;_images_n_videos&#039;, true ) ) &gt; 0;\n\tif ( ! $has_images ) {\n\t\treturn sprintf( esc_html__( &#039;Error: Selected post does not contain any media(%s) to use.&#039;, &#039;apollo13-framework-extensions&#039; ), esc_html__( &#039;images &amp;amp; videos&#039;, &#039;apollo13-framework-extensions&#039; ) ) .&#039; &#039;. esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\t$gallery_opts = array(\n\t\t&#039;cover_color&#039;            =&gt; $cover_color,\n\t\t&#039;filter&#039;                 =&gt; $filter,\n\t\t&#039;lightbox&#039;               =&gt; $lightbox,\n\t\t&#039;title_position&#039;         =&gt; $texts_position,\n\t\t&#039;hover_effect&#039;           =&gt; $hover_effect,\n\t\t&#039;overlay_cover&#039;          =&gt; $cover,\n\t\t&#039;overlay_cover_hover&#039;    =&gt; $cover_hover,\n\t\t&#039;overlay_gradient&#039;       =&gt; $gradient,\n\t\t&#039;overlay_gradient_hover&#039; =&gt; $gradient_hover,\n\t\t&#039;overlay_texts&#039;          =&gt; $texts,\n\t\t&#039;overlay_texts_hover&#039;    =&gt; $texts_hover,\n\t\t&#039;socials&#039;                =&gt; $socials,\n\t\t&#039;margin&#039;                 =&gt; $margin,\n\t\t&#039;proportion&#039;             =&gt; $ratio,\n\t\t&#039;columns&#039;                =&gt; $columns,\n\t\t&#039;max_width&#039;              =&gt; get_post_meta( $id, &#039;_bricks_max_width&#039;, true ),\n\t\t&#039;show_desc&#039;              =&gt; get_post_meta( $id, &#039;_enable_desc&#039;, true )\n\t);\n\n\tapollo13framework_make_bricks_gallery($gallery_opts, $id);\n\n\t$output = ob_get_clean();\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/gallery.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13fe-post-list] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode enables the display of custom post types. The shortcode, &#8216;a13fe-post-list&#8217;, allows users to define attributes such as post type, order, and columns. It also supports filtering by category and custom post types &amp; taxonomies.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13fe-post-list]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13fe-post-list shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>type<\/code> &#8211; defines the type of post to be displayed.<\/li>\n<li><code>order<\/code> &#8211; sets the order of posts (either ASC for ascending or DESC for descending).<\/li>\n<li><code>orderby<\/code> &#8211; specifies the parameter by which posts will be sorted (e.g. date, title).<\/li>\n<li><code>posts<\/code> &#8211; determines the number of posts to be displayed.<\/li>\n<li><code>columns<\/code> &#8211; sets the number of columns in which posts will be arranged.<\/li>\n<li><code>max_width<\/code> &#8211; defines the maximum width of the post display area.<\/li>\n<li><code>margin<\/code> &#8211; sets the spacing between the posts.<\/li>\n<li><code>category<\/code> &#8211; filters the posts to be displayed by category.<\/li>\n<li><code>filter<\/code> &#8211; if set to true, allows posts to be filtered by category or tag.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Display a list of the latest 9 posts in ascending order by date.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-post-list type=\"post\" order=\"ASC\" orderby=\"date\" posts=\"9\"]<\/code><\/pre>\n\n\n<p>For more complex usage, you can use additional parameters to further customize the output.<\/p>\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Display a list of the latest 6 &#8216;album&#8217; custom post types, ordered by date in descending order, excluding those that have been marked to be excluded in the albums list.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-post-list type=\"album\" order=\"DESC\" orderby=\"date\" posts=\"6\"]<\/code><\/pre>\n\n\n<p>Display a list of &#8216;work&#8217; custom post types, filtered by a specific category, with a maximum width of 1920px and a margin of 10px.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-post-list type=\"work\" category=\"web-design\" max_width=\"1920\" margin=\"10\"]<\/code><\/pre>\n\n\n<p>Display a list of &#8216;people&#8217; custom post types in a 4-column layout, filtered by the &#8216;staff&#8217; category, with a maximum width of 1200px and a margin of 20px.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-post-list type=\"people\" columns=\"4\" category=\"staff\" max_width=\"1200\" margin=\"20\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13fe-post-list]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13fe-post-list', 'a13fe_post_list_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_post_list_shortcode( $atts ) {\n\tob_start();\n\n\t$type = &#039;&#039;;\n\t$order = &#039;&#039;;\n\t$orderby = &#039;&#039;;\n\t$posts = &#039;&#039;;\n\t$columns = &#039;&#039;;\n\t$category = &#039;&#039;;\n\t$filter = &#039;&#039;;\n\t$max_width = &#039;&#039;;\n\t$margin = &#039;&#039;;\n\n\t\/\/ define attributes and their defaults\n\textract( shortcode_atts( array (\n\t\t&#039;type&#039; =&gt; &#039;post&#039;,\n\t\t&#039;order&#039; =&gt; &#039;ASC&#039;,\n\t\t&#039;orderby&#039; =&gt; &#039;date&#039;,\n\t\t&#039;posts&#039; =&gt; 9,\n\t\t&#039;columns&#039; =&gt; 3,\n\t\t&#039;max_width&#039; =&gt; 1920,\n\t\t&#039;margin&#039;    =&gt; 10,\n\t\t&#039;category&#039; =&gt; &#039;&#039;,\n\t\t&#039;filter&#039; =&gt; false,\n\t), $atts ) );\n\n\t\/\/ define query parameters based on attributes\n\t$options = array(\n\t\t&#039;post_type&#039;           =&gt; $type,\n\t\t&#039;order&#039;               =&gt; $order,\n\t\t&#039;posts_per_page&#039;      =&gt; $posts,\n\t\t&#039;post_status&#039;         =&gt; &#039;publish&#039;,\n\t\t&#039;ignore_sticky_posts&#039; =&gt; true,\n\t);\n\n\t\/\/add orderby only if needed so plugins sorting CPT could act\n\tif( strlen($orderby) ){\n\t\t$options&#91;&#039;orderby&#039;] = $orderby;\n\t}\n\n\t\/\/do not list excluded custom post types\n\tif( $type === &#039;album&#039; ){\n\t\t$options&#91;&#039;meta_key&#039;]   = &#039;_exclude_in_albums_list&#039;;\n\t\t$options&#91;&#039;meta_value&#039;] = &#039;off&#039;;\n\t}\n\telseif( $type === &#039;work&#039; ){\n\t\t$options&#91;&#039;meta_key&#039;]   = &#039;_exclude_in_works_list&#039;;\n\t\t$options&#91;&#039;meta_value&#039;] = &#039;off&#039;;\n\t}\n\n\t\/\/define custom post types &amp; taxonomies from theme\n\t$a13_custom_types = array(\n\t\tdefined( &#039;A13FRAMEWORK_CUSTOM_POST_TYPE_ALBUM&#039; ) ? A13FRAMEWORK_CUSTOM_POST_TYPE_ALBUM : &#039;album&#039;,\n\t\tdefined( &#039;A13FRAMEWORK_CUSTOM_POST_TYPE_PEOPLE&#039; ) ? A13FRAMEWORK_CUSTOM_POST_TYPE_PEOPLE : &#039;people&#039;,\n\t\tdefined( &#039;A13FRAMEWORK_CUSTOM_POST_TYPE_WORK&#039; ) ? A13FRAMEWORK_CUSTOM_POST_TYPE_WORK : &#039;work&#039;,\n\t);\n\t$a13_custom_taxonomies = array(\n\t\t&#039;album&#039; =&gt; defined( &#039;A13FRAMEWORK_CPT_ALBUM_TAXONOMY&#039; ) ? A13FRAMEWORK_CPT_ALBUM_TAXONOMY : &#039;genre&#039;,\n\t\t&#039;work&#039; =&gt; defined( &#039;A13FRAMEWORK_CPT_WORK_TAXONOMY&#039; ) ? A13FRAMEWORK_CPT_WORK_TAXONOMY : &#039;work_genre&#039;,\n\t\t&#039;people&#039; =&gt; defined( &#039;A13FRAMEWORK_CPT_PEOPLE_TAXONOMY&#039; ) ? A13FRAMEWORK_CPT_PEOPLE_TAXONOMY : &#039;group&#039;\n\t);\n\n\t\/\/filtering by category name\n\tif(strlen($category)){\n\t\t\/\/if querying custom post type\n\t\tif(in_array($type, $a13_custom_types)){\n\t\t\t$tax_query&#91;&#039;field&#039;]    = &#039;slug&#039;;\n\t\t\t$tax_query&#91;&#039;taxonomy&#039;] = $a13_custom_taxonomies&#91; $type ];\n\n\t\t\t\/\/OR operator\n\t\t\tif(strpos($category,&#039;,&#039;)){\n\t\t\t\t$tax_query&#91;&#039;terms&#039;] = explode(&#039;,&#039;, $category);\n\t\t\t}\n\t\t\t\/\/AND operator\n\t\t\telseif(strpos($category,&#039;+&#039;)){\n\t\t\t\t$tax_query&#91;&#039;terms&#039;] = explode(&#039;+&#039;, $category);\n\t\t\t\t$tax_query&#91;&#039;operator&#039;] = &#039;AND&#039;;\n\t\t\t}\n\t\t\t\/\/single category\n\t\t\telse{\n\t\t\t\t$tax_query&#91;&#039;terms&#039;] = $category;\n\t\t\t}\n\n\t\t\t$options&#91;&#039;tax_query&#039;] = array($tax_query);\n\t\t}\n\t\t\/\/simple post or unknown post type\n\t\telse{\n\t\t\t$options&#91;&#039;category_name&#039;] = $category;\n\t\t}\n\t}\n\n\t\/\/make query\n\t$query = new WP_Query( $options );\n\n\t$args = array(\n\t\t&#039;columns&#039; =&gt; $columns,\n\t\t&#039;filter&#039; =&gt; $filter,\n\t\t&#039;display_post_id&#039; =&gt; false,\n\t\t&#039;max_width&#039; =&gt; $max_width,\n\t\t&#039;margin&#039; =&gt; $margin\n\t);\n\n\t\/\/check for special post types\n\tif(in_array($type, $a13_custom_types)){\n\t\t$function_name = &#039;apollo13framework_display_items_from_query_&#039;.$type.&#039;_list&#039;;\n\t\tif(function_exists($function_name)){\n\t\t\t$function_name($query, $args);\n\t\t}\n\t}\n\t\/\/simple post or unknown post type\n\telse{\n\t\t$options&#91;&#039;category_name&#039;] = $category;\n\t\tif(function_exists(&#039;apollo13framework_display_items_from_query_post_list&#039;)){\n\t\t\tapollo13framework_display_items_from_query_post_list($query, $args);\n\t\t}\n\t}\n\n\t\/\/ Reset Post Data\n\twp_reset_postdata();\n\n\t$output = ob_get_clean();\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/post-list.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13fe-scroller] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;a13fe-scroller&#8217;, integrates a dynamic scroller feature into your WordPress site. This shortcode allows customization of autoplay, text display, window height, social media icons, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13fe-scroller]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13fe-scroller shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>id<\/code> &#8211; Identifier of the album or work to be used.<\/li>\n<li><code>autoplay<\/code> &#8211; Defines if the scroller should play automatically.<\/li>\n<li><code>texts<\/code> &#8211; Determines if texts\/descriptions should be displayed.<\/li>\n<li><code>window_high<\/code> &#8211; Decides if the scroller height should match the window.<\/li>\n<li><code>ratio<\/code> &#8211; Sets the aspect ratio of the scroller items.<\/li>\n<li><code>socials<\/code> &#8211; Defines if social sharing options should be displayed.<\/li>\n<li><code>effect<\/code> &#8211; Specifies the transition effect between items.<\/li>\n<li><code>parallax<\/code> &#8211; Determines if a parallax effect should be applied.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple usage of the shortcode to display a scroller with a specified ID.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-scroller id=1 \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the shortcode to display a scroller with specific parameters. In this case, we are setting the &#8216;autoplay&#8217; attribute to 3000 milliseconds, enabling texts, and setting the &#8216;window_high&#8217; attribute to &#8216;on&#8217;.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-scroller id=1 autoplay=3000 texts=true window_high=on \/]<\/code><\/pre>\n\n\n<p>Using the shortcode to display a scroller with parallax effect enabled and socials set to &#8216;on&#8217;. We are also specifying a specific ratio for the scroller.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-scroller id=1 parallax=true socials=on ratio=16\/9 \/]<\/code><\/pre>\n\n\n<p>Using the shortcode to display a scroller with a specific effect. In this case, we are setting the &#8216;effect&#8217; attribute to &#8216;fade&#8217;.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-scroller id=1 effect=fade \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13fe-scroller]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13fe-scroller', 'a13fe_scroller_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_scroller_shortcode( $atts ) {\n\tob_start();\n\n\t$id          = &#039;&#039;;\n\t$autoplay    = &#039;&#039;;\n\t$texts       = &#039;&#039;;\n\t$window_high = &#039;&#039;;\n\t$ratio       = &#039;&#039;;\n\t$socials     = &#039;&#039;;\n\t$effect     = &#039;&#039;;\n\t$parallax     = &#039;&#039;;\n\n\t\/\/ define attributes and their defaults\n\textract( shortcode_atts( array(\n\t\t&#039;id&#039;          =&gt; false,\n\t\t&#039;autoplay&#039;    =&gt; &#039;&#039;,\n\t\t&#039;texts&#039;       =&gt; &#039;&#039;,\n\t\t&#039;window_high&#039; =&gt; &#039;off&#039;,\n\t\t&#039;ratio&#039;       =&gt; &#039;&#039;,\n\t\t&#039;socials&#039;     =&gt; &#039;off&#039;,\n\t\t&#039;effect&#039;      =&gt; &#039;&#039;,\n\t\t&#039;parallax&#039;    =&gt; &#039;&#039;\n\t), $atts ) );\n\n\t\/\/without id\n\tif ( $id === false ) {\n\t\treturn esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\t\/\/it doesn&#039;t contain items to use\n\t$has_images = strlen( get_post_meta( $id, &#039;_images_n_videos&#039;, true ) ) &gt; 0;\n\tif ( ! $has_images ) {\n\t\treturn sprintf( esc_html__( &#039;Error: Selected post does not contain any media(%s) to use.&#039;, &#039;apollo13-framework-extensions&#039; ), esc_html__( &#039;images&#039;, &#039;apollo13-framework-extensions&#039; ) ) .&#039; &#039;. esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\t\/\/check if such options are defined in parent post. If not don&#039;t set them so they will return to theme defaults\n\t$test = strlen( get_post_meta( $id, &#039;_scroller_wrap_around&#039;, true ) );\n\n\t\/\/lets merge shortcode params &amp; post params\n\t$opts = array();\n\n\n\t\/\/autoplay\n\t\/\/not provided - try to get from parent post\n\tif ( $test &amp;&amp; ! strlen( $autoplay ) ) {\n\t\tif (  get_post_meta( $id, &#039;_scroller_autoplay&#039;, true ) === &#039;on&#039; ) {\n\t\t\t$time                                     = (float) get_post_meta( $id, &#039;_scroller_autoplay_time&#039;, true ) * 1000;\n\t\t\t$opts&#91;&#039;autoPlay&#039;]             = $time;\n\t\t\t$opts&#91;&#039;pauseAutoPlayOnHover&#039;] = get_post_meta( $id, &#039;_scroller_pause_autoplay&#039;, true ) === &#039;on&#039;;\n\t\t}\n\t}\n\t\/\/use from shortcode\n\telse{\n\t\t$opts&#91;&#039;autoPlay&#039;] = $autoplay * 1000;\n\t}\n\n\n\t\/\/texts\n\t\/\/not provided - try to get from parent post\n\tif ( ! strlen( $texts ) ) {\n\t\t$texts = get_post_meta( $id, &#039;_enable_desc&#039;, true );\n\t\t$texts = $texts === &#039;on&#039;;\n\t}\n\t\/\/use from shortcode\n\telse {\n\t\t$texts = ( $texts === &#039;true&#039; || $texts === &#039;1&#039; );\n\t}\n\t$opts&#91;&#039;a13ShowDesc&#039;] = $texts;\n\n\n\t\/\/effect\n\t\/\/use from shortcode\n\tif ( strlen( $effect ) ) {\n\t\t$opts&#91;&#039;a13Effect&#039;] = $effect;\n\t}\n\t\/\/not provided - try to get from parent post\n\telseif($test){\n\t\t$opts&#91;&#039;a13Effect&#039;] = get_post_meta( $id, &#039;_scroller_effect&#039;, true );\n\t}\n\n\n\t\/\/parallax\n\t\/\/use from shortcode\n\tif ( strlen( $parallax ) ) {\n\t\t$opts&#91;&#039;a13Parallax&#039;] = ( $parallax === &#039;true&#039; || $parallax === &#039;1&#039; );\n\t}\n\t\/\/not provided - try to get from parent post\n\telseif($test){\n\t\t$opts&#91;&#039;a13Parallax&#039;] = get_post_meta( $id, &#039;_theme&#039;, true ) === &#039;scroller-parallax&#039;;\n\t}\n\n\t\/\/parallax\n\t\/\/use from shortcode\n\tif ( ! $window_high !== &#039;off&#039; ) {\n\t\t$window_high = ( $window_high === &#039;true&#039; || $window_high === &#039;1&#039; );\n\t}\n\t\/\/not provided\n\telse{\n\t\t$window_high = false;\n\t}\n\t$opts&#91;&#039;a13WindowHigh&#039;] = $window_high;\n\n\n\t\/\/socials\n\t\/\/use from shortcode\n\tif ( ! $socials !== &#039;off&#039; ) {\n\t\t$socials = ( $socials === &#039;true&#039; || $socials === &#039;1&#039; );\n\t}\n\t\/\/not provided\n\telse{\n\t\t$socials = false;\n\t}\n\t$opts&#91;&#039;a13Socials&#039;] = $socials;\n\n\n\t\/\/ratio\n\t\/\/from shortcode\n\t$opts&#91;&#039;a13Ratio&#039;] = $ratio;\n\n\n\t\/\/other settings from parent album\n\tif ( strlen( $test ) ) {\n\t\t$opts&#91;&#039;wrapAround&#039;]         = get_post_meta( $id, &#039;_scroller_wrap_around&#039;, true ) === &#039;on&#039;;\n\t\t$opts&#91;&#039;contain&#039;]            = get_post_meta( $id, &#039;_scroller_contain&#039;, true ) === &#039;on&#039;;\n\t\t$opts&#91;&#039;freeScroll&#039;]         = get_post_meta( $id, &#039;_scroller_free_scroll&#039;, true ) === &#039;on&#039;;\n\t\t$opts&#91;&#039;prevNextButtons&#039;]    = get_post_meta( $id, &#039;_scroller_arrows&#039;, true ) === &#039;on&#039;;\n\t\t$opts&#91;&#039;pageDots&#039;]           = get_post_meta( $id, &#039;_scroller_dots&#039;, true ) === &#039;on&#039;;\n\t\t$opts&#91;&#039;a13CellWidth&#039;]       = get_post_meta( $id, &#039;_scroller_cell_width&#039;, true );\n\t\t$opts&#91;&#039;a13CellWidthMobile&#039;] = get_post_meta( $id, &#039;_scroller_cell_width_mobile&#039;, true );\n\t}\n\n\n\tif(function_exists(&#039;apollo13framework_make_scroller&#039;)) {\n\t\twp_enqueue_script(&#039;flickity&#039;);\n\t\tapollo13framework_make_scroller( $opts, $id );\n\t}\n\n\t$output = ob_get_clean();\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/scroller.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13fe-slider] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode creates a customizable slider for your WordPress site. It allows for autoplay, text descriptions, thumbnail images, and social media integration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13fe-slider]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13fe-slider shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>id<\/code> &#8211; The unique identifier of the album or work.<\/li>\n<li><code>autoplay<\/code> &#8211; Controls if the slider starts playing automatically.<\/li>\n<li><code>texts<\/code> &#8211; Decides if descriptions are enabled for the slides.<\/li>\n<li><code>thumbs<\/code> &#8211; Controls the visibility of thumbnails in the slider.<\/li>\n<li><code>window_high<\/code> &#8211; Determines if the slider should take up the full height of the window.<\/li>\n<li><code>ratio<\/code> &#8211; Sets the aspect ratio for the slider images.<\/li>\n<li><code>socials<\/code> &#8211; Decides if social buttons should be displayed on the slider.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Show an album or work using its ID:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Display an album or work with autoplay enabled:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 autoplay=true \/]<\/code><\/pre>\n\n\n<p>Show an album or work with texts and thumbnails enabled:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 texts=true thumbs=true \/]<\/code><\/pre>\n\n\n<p>Display an album or work with a custom aspect ratio:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 ratio='16:9' \/]<\/code><\/pre>\n\n\n<p>Show an album or work with social sharing enabled:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 socials=true \/]<\/code><\/pre>\n\n\n<p>Display an album or work with autoplay, texts, thumbnails, custom aspect ratio, and social sharing all enabled:<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-slider id=123 autoplay=true texts=true thumbs=true ratio='16:9' socials=true \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13fe-slider]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13fe-slider', 'a13fe_slider_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_slider_shortcode( $atts ) {\n\t\/\/works only with apollo13 framework themes\n\tif(!function_exists(&#039;apollo13framework_make_slider&#039;)) {\n\t\treturn &#039;&#039;;\n\t}\n\n\tob_start();\n\n\t$id          = &#039;&#039;;\n\t$autoplay    = &#039;&#039;;\n\t$texts       = &#039;&#039;;\n\t$thumbs      = &#039;&#039;;\n\t$window_high = &#039;&#039;;\n\t$ratio       = &#039;&#039;;\n\t$socials     = &#039;&#039;;\n\n\t\/\/ define attributes and their defaults\n\textract( shortcode_atts( array(\n\t\t&#039;id&#039;          =&gt; false,\n\t\t&#039;autoplay&#039;    =&gt; &#039;&#039;,\n\t\t&#039;texts&#039;       =&gt; &#039;&#039;,\n\t\t&#039;thumbs&#039;      =&gt; &#039;&#039;,\n\t\t&#039;window_high&#039; =&gt; &#039;off&#039;,\n\t\t&#039;ratio&#039;       =&gt; &#039;&#039;,\n\t\t&#039;socials&#039;     =&gt; &#039;off&#039;\n\t), $atts ) );\n\n\t\/\/without id\n\tif ( $id === false ) {\n\t\treturn esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\t\/\/it doesn&#039;t contain items to use\n\t$has_images = strlen( get_post_meta( $id, &#039;_images_n_videos&#039;, true ) ) &gt; 0;\n\tif ( ! $has_images ) {\n\t\t\/* translators: %s: media type *\/\n\t\treturn sprintf( esc_html__( &#039;Error: Selected post does not contain any media(%s) to use.&#039;, &#039;apollo13-framework-extensions&#039; ), esc_html__( &#039;images &amp;amp; videos&#039;, &#039;apollo13-framework-extensions&#039; ) ) .&#039; &#039;. esc_html__( &#039;Please select proper album or work to use.&#039;, &#039;apollo13-framework-extensions&#039; );\n\t}\n\n\tglobal $apollo13framework_a13;\n\n\t\/\/lets merge shortcode params &amp; post params\n\n\t\/\/param not given\n\tif ( ! strlen( $autoplay ) ) {\n\t\t$autoplay = $apollo13framework_a13-&gt;get_meta( &#039;_autoplay&#039;, $id );\n\t} \/\/param set\n\telse {\n\t\t$autoplay = ( $autoplay === &#039;true&#039; || $autoplay === &#039;1&#039; ) ? &#039;on&#039; : &#039;off&#039;;\n\t}\n\n\t\/\/param not given\n\tif ( ! strlen( $texts ) ) {\n\t\t$texts = get_post_meta( $id, &#039;_enable_desc&#039;, true );\n\t\t$texts = $texts === &#039;on&#039; ? $texts : &#039;off&#039;;\n\t} \/\/param set\n\telse {\n\t\t$texts = ( $texts === &#039;true&#039; || $texts === &#039;1&#039; ) ? &#039;on&#039; : &#039;off&#039;;\n\t}\n\n\t\/\/param not given\n\tif ( ! strlen( $thumbs ) ) {\n\t\t$thumbs = $apollo13framework_a13-&gt;get_meta( &#039;_thumbs&#039;, $id );\n\t\t$thumbs = $thumbs === &#039;on&#039; ? $thumbs : &#039;off&#039;;\n\t} \/\/param set\n\telse {\n\t\t$thumbs = ( $thumbs === &#039;true&#039; || $thumbs === &#039;1&#039; ) ? &#039;on&#039; : &#039;off&#039;;\n\t}\n\n\n\t\/\/param different then default\n\tif ( ! $window_high !== &#039;off&#039; ) {\n\t\t$window_high = ( $window_high === &#039;true&#039; || $window_high === &#039;1&#039; ) ? &#039;on&#039; : $window_high;\n\t}\n\n\t\/\/param different then default\n\tif ( ! $socials !== &#039;off&#039; ) {\n\t\t$socials = ( $socials === &#039;true&#039; || $socials === &#039;1&#039; ) ? &#039;on&#039; : $socials;\n\t}\n\n\t\/\/params from post in question\n\t$title_color = get_post_meta( $id, &#039;_slide_title_bg_color&#039;, true );\n\t$title_color = ( $title_color === &#039;&#039; || $title_color === false || $title_color === &#039;transparent&#039; ) ? &#039;&#039; : $title_color;\n\t$ken_scale   = $apollo13framework_a13-&gt;get_meta( &#039;_ken_scale&#039;, $id );\n\t$ken_scale   = strlen( $ken_scale ) ? $ken_scale : 120;\n\n\t\/\/get globals depending on post type\n\t$post_type = get_post_type( $id );\n\tif ( $post_type === &#039;work&#039; ) {\n\t\t$transition_time = $apollo13framework_a13-&gt;get_option( &#039;work_slider_transition_time&#039; );\n\t\t$slide_interval  = $apollo13framework_a13-&gt;get_option( &#039;work_slider_slide_interval&#039; );\n\t} else {\n\t\t$transition_time = $apollo13framework_a13-&gt;get_option( &#039;album_slider_transition_time&#039; );\n\t\t$slide_interval  = $apollo13framework_a13-&gt;get_option( &#039;album_slider_slide_interval&#039; );\n\t}\n\n\n\t$slider_opts = array(\n\t\t&#039;autoplay&#039;        =&gt; $autoplay,\n\t\t&#039;transition&#039;      =&gt; $apollo13framework_a13-&gt;get_meta( &#039;_transition&#039;, $id ),\n\t\t&#039;fit_variant&#039;     =&gt; $apollo13framework_a13-&gt;get_meta( &#039;_fit_variant&#039;, $id ),\n\t\t&#039;pattern&#039;         =&gt; $apollo13framework_a13-&gt;get_meta( &#039;_pattern&#039;, $id ),\n\t\t&#039;gradient&#039;        =&gt; $apollo13framework_a13-&gt;get_meta( &#039;_gradient&#039;, $id ),\n\t\t&#039;ken_burns_scale&#039; =&gt; $ken_scale,\n\t\t&#039;texts&#039;           =&gt; $texts,\n\t\t&#039;title_color&#039;     =&gt; $title_color,\n\t\t&#039;transition_time&#039; =&gt; $transition_time,\n\t\t&#039;slide_interval&#039;  =&gt; $slide_interval,\n\t\t&#039;thumbs&#039;          =&gt; $thumbs,\n\t\t&#039;thumbs_on_load&#039;  =&gt; $apollo13framework_a13-&gt;get_meta( &#039;_thumbs_on_load&#039;, $id ),\n\t\t&#039;socials&#039;         =&gt; $socials,\n\t\t&#039;window_high&#039;     =&gt; $window_high,\n\t\t&#039;ratio&#039;           =&gt; $ratio,\n\t);\n\n\twp_enqueue_script(&#039;apollo13framework-slider&#039;);\n\tapollo13framework_make_slider($slider_opts, $id);\n\n\t$output = ob_get_clean();\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/slider.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [a13fe-writing-effect] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;a13fe-writing-effect&#8217;, creates a dynamic typing effect. It allows users to customize the text color, background color, and looping. \n\n. \n\nThe shortcode translates content into sentences, each displayed within its span. It also checks for the &#8216;elementor-waypoints&#8217; script, enabling smooth scrolling effects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[a13fe-writing-effect]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible a13fe-writing-effect shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>color<\/code> &#8211; Sets the text color of the writing effect.<\/li>\n<li><code>bg_color<\/code> &#8211; Defines the background color of the writing effect.<\/li>\n<li><code>loop<\/code> &#8211; Decides whether the writing effect should repeat or not.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Displaying writing effect with default parameters<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-writing-effect]Hello|World[\/a13fe-writing-effect]<\/code><\/pre>\n\n\n<p>In the basic example, the shortcode is used to create a writing effect for the words &#8220;Hello&#8221; and &#8220;World&#8221;. The words are separated by a pipe &#8220;|&#8221; symbol and the shortcode uses default parameters for color, background color, and loop.<\/p>\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the shortcode to display a writing effect with specified color and background color<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-writing-effect color=\"#000000\" bg_color=\"#ffffff\"]Hello|World[\/a13fe-writing-effect]<\/code><\/pre>\n\n\n<p>In this advanced example, the color and background color parameters are used to specify the color of the text and the background color of the typing area. The color value is set to &#8220;#000000&#8221; (black) and the background color is set to &#8220;#ffffff&#8221; (white).<\/p>\n<p>Using the shortcode to display a writing effect with specified loop value<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[a13fe-writing-effect loop=\"3\"]Hello|World[\/a13fe-writing-effect]<\/code><\/pre>\n\n\n<p>In this example, the loop parameter is used to specify the number of times the writing effect should repeat. The loop value is set to &#8220;3&#8221;, so the writing effect will repeat three times.<\/p>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[a13fe-writing-effect]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'a13fe-writing-effect', 'a13fe_writing_shortcode' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_writing_shortcode( $atts, $content ) {\n\tob_start();\n\n\t$color         = &#039;&#039;;\n\t$bg_color    = &#039;&#039;;\n\t$loop       = &#039;&#039;;\n\n\t\/\/ define attributes and their defaults\n\textract( shortcode_atts( array(\n\t\t&#039;color&#039;      =&gt; &#039;&#039;,\n\t\t&#039;bg_color&#039;    =&gt; &#039;&#039;,\n\t\t&#039;loop&#039;       =&gt; 1,\n\t), $atts ) );\n\n\t\/\/format text for type effect\n\t$typed_style = &#039;&#039;;\n\t\/\/colors\n\tif( $color != &#039;&#039;){\n\t\t$typed_style .= &#039;color:&#039;.$color.&#039;;&#039;;\n\t}\n\tif( $bg_color != &#039;&#039;){\n\t\t$typed_style .= &#039;background-color:&#039;.$bg_color.&#039;;&#039;;\n\t}\n\n\t\/\/get style together\n\tif( $typed_style != &#039;&#039;){\n\t\t$typed_style = &#039;style=&quot;&#039;.$typed_style.&#039;&quot;&#039;;\n\t}\n\n\t\/\/what to write\n\t$sentences = explode(&#039;|&#039;, $content);\n\n\t$sentences_html = &#039;&#039;;\n\tforeach( $sentences as $sentence ){\n\t\t$sentences_html .= &#039;&lt;span&gt;&#039;.$sentence.&#039;&lt;\/span&gt;&#039;;\n\t}\n\n\techo &#039;&lt;span class=&quot;a13-to-type&quot; data-loop=&quot;&#039;.$loop.&#039;&quot;&gt;&lt;span class=&quot;sentences-to-type&quot;&gt;&#039;.$sentences_html.&#039;&lt;\/span&gt;&lt;span class=&quot;typing-area&quot; &#039;.$typed_style.&#039;&gt;&lt;\/span&gt;&lt;\/span&gt;&#039;;\n\n\t\/\/we need waypoints script, lets check for:\n\t\/\/elementor version\n\tif (wp_script_is( &#039;elementor-waypoints&#039;, &#039;registered&#039; )) {\n\t\twp_enqueue_script(&#039;elementor-waypoints&#039;);\n\t}\n\t\/\/from theme\n\telse {\n\t\twp_enqueue_script(&#039;noframework-waypoints&#039;);\n\t}\n\n\t$output = ob_get_clean();\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/shortcodes\/writing_effect.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_album_body] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;vc_a13_album_body&#8217;, is designed to render the body of an album. It&#8217;s a simple yet effective tool for album display.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_album_body]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple usage of the shortcode to render an album body.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_album_body]<\/code><\/pre>\n\n\n<p>Advanced examples &#8211; Utilizing the shortcode with parameters to customize the output. In this case, the shortcode doesn&#8217;t support any parameters, so there are no advanced examples to show. However, if parameters were supported, they might look something like the examples below:<\/p>\n<p><strong>Advanced example 1<\/strong> &#8211; Using the shortcode to display an album body with a specific ID. The album will load based on the provided ID.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_album_body id=2]<\/code><\/pre>\n\n\n<p><strong>Advanced example 2<\/strong> &#8211; Using the shortcode to display an album body with a specific ID and a custom class for styling. The album will load based on the provided ID and the custom class will be added to the album&#8217;s HTML element.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_album_body id=3 class=\"custom-class\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_album_body]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_album_body', 'a13fe_vc_album_body_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_album_body_render() {\n\treturn &#039;{{ a13_album_body }}&#039;;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_product_body] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;vc_a13_product_body&#8217;, is designed to render the body of a product. It&#8217;s a simple, yet effective way to display product details on your site. \n\n\n\nThis shortcode calls the &#8216;a13fe_vc_product_body_render&#8217; function, which returns the product body content. With this, you can easily customize your product descriptions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_product_body]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8216;vc_a13_product_body&#8217; shortcode without any parameters.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_product_body]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Adding parameters to the &#8216;vc_a13_product_body&#8217; shortcode to customize its output. In this example, we are passing two parameters: &#8216;id&#8217; and &#8216;title&#8217;. The shortcode will first try to display the product body by its ID. If the product with the given ID is not found, it will then try to display the product body by its title.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_product_body id=\"123\" title=\"Product Title\"]<\/code><\/pre>\n\n\n<p>Another advanced example includes three parameters: &#8216;id&#8217;, &#8216;title&#8217;, and &#8216;category&#8217;. The shortcode will first try to display the product body by its ID. If the product with the given ID is not found, it will then try to display the product body by its title. If still not found, it will finally try to display the product body by its category.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_product_body id=\"123\" title=\"Product Title\" category=\"Product Category\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_product_body]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_product_body', 'a13fe_vc_product_body_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_product_body_render() {\n\treturn &#039;{{ a13_product_body }}&#039;;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_work_body] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions plugin shortcode, &#8216;vc_a13_work_body&#8217;, is designed to render the main body of work. It fetches and displays the content associated with the &#8216;a13_work_body&#8217; element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_work_body]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; The following shortcode will render the work body with the default settings.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_work_body]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Here, we are using the shortcode to display a specific work body using its unique ID. The ID is passed as a parameter to the shortcode.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_work_body id=\"123\"]<\/code><\/pre>\n\n\n<p>Another advanced usage of the shortcode is to display a specific work body using both its ID and title. The work body will first try to load by ID, but if it&#8217;s not found, it will try to load by title.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_work_body id=\"123\" title=\"Work Body Title\"]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_work_body]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_work_body', 'a13fe_vc_work_body_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_work_body_render() {\n\treturn &#039;{{ a13_work_body }}&#039;;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_post_body] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;vc_a13_post_body&#8217;, is used to render the post body content. \n\n\n\nThis shortcode returns the main body of a specific post. It&#8217;s a simple yet powerful tool for customizing your WordPress site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_post_body]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; The shortcode &#8216;vc_a13_post_body&#8217; is utilized to render the body of a post on a page.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_post_body]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_post_body]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_post_body', 'a13fe_vc_post_body_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_post_body_render() {\n\treturn &#039;{{ a13_post_body }}&#039;;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_team_member] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions plugin&#8217;s shortcode, &#8216;vc_a13_team_member&#8217;, generates a team member&#8217;s profile. It extracts title and content blocks and displays them in a structured layout.\n\n \n\nThis shortcode renders a team member\u2019s profile, including title, subtitle, content, and social media links, within a customizable grid layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_team_member]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible vc_a13_team_member shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>title_block<\/code> &#8211; If set to 1, it displays the title section of the team member&#8217;s profile.<\/li>\n<li><code>content_block<\/code> &#8211; If set to 1, it displays the content section of the team member&#8217;s profile.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; Show a team member&#8217;s information without the content block.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_team_member title_block=1 content_block=0]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Display both the title block and content block for a team member&#8217;s information.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_team_member title_block=1 content_block=1]<\/code><\/pre>\n\n\n<p>Show only the content block of a team member&#8217;s information.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_team_member title_block=0 content_block=1]<\/code><\/pre>\n\n\n<p>Note: The &#8216;title_block&#8217; and &#8216;content_block&#8217; attributes are boolean, which means they accept either 1 (true) or 0 (false) as their values. The &#8216;title_block&#8217; attribute controls whether to display the title part of the team member&#8217;s information, and the &#8216;content_block&#8217; attribute controls whether to display the content part of the team member&#8217;s information.<\/p>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_team_member]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_team_member', 'a13fe_vc_team_member_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_team_member_render( $atts ) {\n\n\t$output = $title_block = $content_block = &#039;&#039;;\n\n\textract( shortcode_atts( array(\n\t\t&#039;title_block&#039; =&gt; &#039;&#039;,\n\t\t&#039;content_block&#039; =&gt; &#039;&#039;,\n\t), $atts ) );\n\n\t$output .= &#039;\n&lt;div class=&quot;team_grid_item_content_box&quot; style=&quot;{{ a13_item_overlay_color }}{{ a13_item_overlay_font_color }}&quot;&gt;&#039;;\n\n\tif ( $title_block == 1 ) {\n\t\t$output .= &#039;\n\t&lt;div class=&quot;team_grid_item_top_panel&quot;&gt;&#039;;\n\t\t$output .= &#039;\n\t\t&lt;div class=&quot;grid_item_subtitle&quot;&gt;{{ a13_item_meta_data:_subtitle }}&lt;\/div&gt;\n\t\t&#039;;\n\t\t$output .= &#039;\n\t\t&lt;div class=&quot;grid_item_title&quot;&gt;{{ post_data:post_title }}&lt;\/div&gt;\n\t\t&#039;;\n\t\t$output .= &#039;\n\t&lt;\/div&gt;\n\t&#039;;\n\t}\n\tif ( $content_block == 1 ) {\n\t\t$output .= &#039;\n\t&lt;div class=&quot;team_grid_item_bottom_panel&quot;&gt;&#039;;\n\t\t$output .= &#039;\n\t\t&lt;div class=&quot;grid_item_content&quot;&gt;{{ post_data:post_content }}&lt;\/div&gt;\n\t\t&#039;;\n\t\t$output .= &#039;\n\t\t&lt;div class=&quot;grid_item_socials&quot;&gt;{{ a13_team_member_socials }}&lt;\/div&gt;\n\t\t&#039;;\n\t\t$output .= &#039;\n\t&lt;\/div&gt;\n\t&#039;;\n\t}\n\n\t$output .= &#039;\n&lt;\/div&gt;&#039;;\n\n\treturn $output;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Apollo13 Framework Extensions [vc_a13_testimonial_signature] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Apollo13 Framework Extensions shortcode, &#8216;vc_a13_testimonial_signature&#8217;, is utilized to display testimonials. \n\n\n\nThis shortcode retrieves and presents the title of a post and its subtitle within a testimonial signature div. It enhances the credibility of testimonials by adding relevant details.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[vc_a13_testimonial_signature]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; This shortcode can be used to display a testimonial signature by referencing the post title and subtitle metadata.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_testimonial_signature \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the shortcode to display a testimonial signature with a specific post title and subtitle metadata. The post title and subtitle metadata are referenced using the post_data:post_title and a13_item_meta_data:_subtitle parameters respectively.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_testimonial_signature post_data:post_title=\"John Doe\" a13_item_meta_data:_subtitle=\"CEO, XYZ Corp.\" \/]<\/code><\/pre>\n\n\n<p>Another advanced usage of the shortcode could be to display multiple testimonial signatures. Each testimonial signature is separated by a comma and enclosed in quotes.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[vc_a13_testimonial_signature post_data:post_title=\"John Doe, Jane Doe\" a13_item_meta_data:_subtitle=\"CEO, XYZ Corp., CFO, XYZ Corp.\" \/]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[vc_a13_testimonial_signature]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'vc_a13_testimonial_signature', 'a13fe_vc_testimonial_signature_render' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction a13fe_vc_testimonial_signature_render() {\n\treturn &#039;&lt;div class=&quot;a13_testimonial_signature&quot;&gt;{{ post_data:post_title }} - {{ a13_item_meta_data:_subtitle }}&lt;\/div&gt;&#039;;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">apollo13-framework-extensions\/apollo13-framework-extensions\/supports\/wpbakery_pb_extensions\/shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you&#8217;ve learned how to embed the <strong>Apollo13 Framework Extensions Plugin shortcodes<\/strong>, understood the parameters, and seen code examples, it&#8217;s easy to use and debug any issue that might cause it to &#8216;not work&#8217;. If you still have difficulties with it, don&#8217;t hesitate to leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below, you&#8217;ll find a detailed guide on how to add the Apollo13 Framework Extensions Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Apollo13 Framework Extensions Plugin shortcodes not to show or not to work correctly. Before starting, here is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Apollo13 Framework Extensions","slug":"","version":"1.9.1","author":"<a href=\"https:\/\/apollo13themes.com\/\">Apollo13Themes<\/a>","icons":"https:\/\/ps.w.org\/apollo13-framework-extensions\/assets\/icon-128x128.png?rev=1854162","plugin_tags":"{\"custom-post-types\":\"custom post types\",\"elementor-widgets\":\"elementor widgets\",\"shortcodes\":\"shortcodes\",\"wpbakery-page-builder-support\":\"wpbakery page builder support\"}","author_profile":"https:\/\/profiles.wordpress.org\/apollo13themes\/","requires":"4.7","tested":"6.3.2","requires_php":"5.4.0","rating":100,"num_ratings":1,"active_installs":30000,"downloaded":393349,"last_updated":"2023-09-25 6:57am GMT","added":"2018-04-06","homepage":"https:\/\/apollo13themes.com\/rife\/free","short_description":"Adds custom post types, shortcodes and some features that are used in themes built on Apollo13 Framework.","description":"\"Apollo13 Framework Extensions is a robust WordPress plugin that enhances your website's functionality by extending the capabilities of the Apollo13 Framework.\"","shortcodes":"[\"a13_countdown\",\"a13_counter\",\"a13fe-gallery\",\"a13fe-post-list\",\"a13fe-scroller\",\"a13fe-slider\",\"a13fe-writing-effect\",\"vc_a13_album_body\",\"vc_a13_product_body\",\"vc_a13_work_body\",\"vc_a13_post_body\",\"vc_a13_team_member\",\"vc_a13_testimonial_signature\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-693","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/693\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/693\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}