| 1 |
<div id="wp-chatbot-shortcode-template-container" |
| 2 |
class="<?php echo esc_attr($wp_chatbot_enable_rtl);?> wp-chatbot-shortcode-template-container chatbot-shortcode-template-01"> |
| 3 |
<div class="wp-chatbot-product-container"> |
| 4 |
<div class="wp-chatbot-product-details"> |
| 5 |
<div class="wp-chatbot-product-image-col"> |
| 6 |
<div id="wp-chatbot-product-image"></div> |
| 7 |
</div> |
| 8 |
<!--wp-chatbot-product-image-col--> |
| 9 |
<div class="wp-chatbot-product-info-col"> |
| 10 |
<div id="wp-chatbot-product-title" class="wp-chatbot-product-title"></div> |
| 11 |
<div id="wp-chatbot-product-price" class="wp-chatbot-product-price"></div> |
| 12 |
<div id="wp-chatbot-product-description" class="wp-chatbot-product-description"></div> |
| 13 |
<div id="wp-chatbot-product-quantity" class="wp-chatbot-product-quantity"></div> |
| 14 |
<div id="wp-chatbot-product-variable" class="wp-chatbot-product-variable"></div> |
| 15 |
<div id="wp-chatbot-product-cart-button" class="wp-chatbot-product-cart-button"></div> |
| 16 |
</div> |
| 17 |
<!--wp-chatbot-product-info-col--> |
| 18 |
<a class="wp-chatbot-product-close"></a> |
| 19 |
|
| 20 |
</div> |
| 21 |
<!-- wp-chatbot-product-details--> |
| 22 |
</div> |
| 23 |
<div class="chatbot-shortcode-row"> |
| 24 |
<div class="chatbot-sidebar chatbot-left-sidebar"> |
| 25 |
<div class="wp-chatbot-widget wp-chatbot-product-shortcode-container"> |
| 26 |
<?php echo do_shortcode('[wpwbot_products]'); ?> |
| 27 |
</div> |
| 28 |
<!--wp-chatbot-widget--> |
| 29 |
</div> |
| 30 |
<!--wp-chatbot-sidebar--> |
| 31 |
<div class="wp-chatbot-container"> |
| 32 |
<div class="wp-chatbot-header"> |
| 33 |
<h3> <?php if (get_option('qlcd_wp_chatbot_host') != '') { |
| 34 |
$welcomes = unserialize(get_option('qlcd_wp_chatbot_welcome')); |
| 35 |
echo esc_html($welcomes[0] . ' ' . get_option('qlcd_wp_chatbot_host')); |
| 36 |
} ?></h3> |
| 37 |
</div> |
| 38 |
<!--wp-chatbot-header--> |
| 39 |
<div class="wp-chatbot-ball-inner wp-chatbot-content"> |
| 40 |
<div class="wp-chatbot-messages-wrapper"> |
| 41 |
<ul id="wp-chatbot-messages-container" class="wp-chatbot-messages-container"> |
| 42 |
</ul> |
| 43 |
</div> |
| 44 |
<!--wp-chatbot-messages-wrapper--> |
| 45 |
</div> |
| 46 |
<!--wp-chatbot-ball-inner--> |
| 47 |
<div class="wp-chatbot-footer"> |
| 48 |
<div id="wp-chatbot-editor-area" class="wp-chatbot-editor-area"> |
| 49 |
<input id="wp-chatbot-editor" class="wp-chatbot-editor" required="" placeholder="<?php echo esc_attr(wpb_randmom_message_handle(unserialize(get_option('qlcd_wp_chatbot_send_a_msg')))); ?>" |
| 50 |
> |
| 51 |
<button type="button" id="wp-chatbot-send-message" class="wp-chatbot-button"><?php esc_html_e('send', 'wpchatbot'); ?></button> |
| 52 |
</div> |
| 53 |
<!--wp-chatbot-editor-container--> |
| 54 |
</div> |
| 55 |
<!--wp-chatbot-footer--> |
| 56 |
</div> |
| 57 |
<!--wp-chatbot-container--> |
| 58 |
<div class="chatbot-sidebar chatbot-left-sidebar"> |
| 59 |
<div class="wp-chatbot-widget"> |
| 60 |
<div class="chatbot-agent"> |
| 61 |
<img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL . 'agent-0.png'); ?>" alt="Agent Image"> |
| 62 |
<h3 class="chatbot-agent-name"><?php echo esc_html(get_option('qlcd_wp_chatbot_agent')); ?></h3> |
| 63 |
</div> |
| 64 |
<!--chatbot-agent--> |
| 65 |
</div> |
| 66 |
<!--wp-chatbot-widget--> |
| 67 |
<div class="wp-chatbot-widget wp-chatbot-cart-shortcode-container"> |
| 68 |
<?php echo do_shortcode('[wpwbot_cart]'); ?> |
| 69 |
</div> |
| 70 |
<!--wp-chatbot-widget--> |
| 71 |
</div> |
| 72 |
<!--wp-chatbot-sidebar--> |
| 73 |
|
| 74 |
</div> |
| 75 |
<!-- chatbot-shortcode-row--> |
| 76 |
</div> |
| 77 |
<!--wp-chatbot-ball-container--> |
