{"html":"{% if rtl == \"false\" %}<div class=\"uc_overlay_image_carousel\"  style=\"direction:ltr;\"> {% endif %}\n{% if rtl == \"true\" %}<div class=\"uc_overlay_image_carousel\"  style=\"direction:rtl;\"> {% endif %}\n   <div class=\"uc_carousel owl-carousel owl-theme {{remote_parent.class}}\" id=\"{{uc_id}}\" {{remote_parent.attributes|raw}}>\n     \n   <!-- start item -->\n   {% for term in woocommerce_categories %}\n     {% if custom_image_field == \"true\" %}{% set image = ucfunc(\"get_term_image\",term.id,custom_image_field_name) %}{% endif %}\n      \n      {% if (show_with_images == \"false\") or (show_with_images == \"true\" and term.image) or (show_with_images == \"true\" and custom_image_field == \"true\" and image is not empty) %}\n      <div class=\"uc_image_carousel_container_holder ue-item\">\n            <div class=\"uc_image_carousel_placeholder\">\n              <a href=\"{{term.link}}\" target=\"{{open_link_in_new_tab}}\">\n                \n\t\t\t\t\t{% if custom_image_field == \"false\" %}\n                         <div style=\"background-image:url({{ attribute(term, image_size) ?? term.image }});\" class=\"carousel-image\"><\/div>   \n\t\t\t\t \t{% else %}\n                          {% if image is not empty %}    \n                \t\t\t\t<div style=\"background-image:url({{image.thumb_large}});\" class=\"carousel-image\"><\/div>\n                          {% else %}\n                              <div  class=\"carousel-image\"><\/div>\n                          {% endif %}                        \n                    {% endif %}\n\n\t\t\t\t<\/a>\n            <\/div>\n\n            <div class=\"uc_image_carousel_content content-padding\">\n              <div>\n              {% if show_title == \"true\" or show_number_of_products == \"true\" %}{% if show_title == \"true\" %}<div class=\"uc_post_title\"><a href=\"{{term.link}}\" target=\"{{open_link_in_new_tab}}\">{% if category_characters_number is not empty %}{{term.name|truncate(category_characters_number)|raw}}{% else %}{{term.name|raw}}{% endif %}<\/a>{% endif %}\n\t\t\t\t{% if show_number_of_products == \"true\" %}\n                               <span class=\"uc_cat_carousel_style_one_item_num_posts_spacer\"><\/span>\n                               <span class=\"uc_cat_carousel_style_one_item_num_posts\"><span class=\"text_before_num\">{{text_before_post_num|raw}}<\/span>{{term.num_posts}}<span class=\"text_after_num\">{{text_after_post_num|raw}}<\/span><\/span>\n                {% endif %}\n              <\/div>{% endif %}\n              {% if show_intro == \"true\" %}<div class=\"uc_paragraph\" >{{term.description}}<\/div>{% endif %}\n              {% if show_button == \"true\" %}<a class=\"uc_more_btn\"  href=\"{{term.link}}\" target=\"{{open_link_in_new_tab}}\"><div class=\"ue-btn-inner-wrapper\">{{button_text|raw}}<div class=\"ue_btn_icon\">{{button_icon_html|raw}}<\/div><\/div><\/a>{% endif %}\n              <\/div>\n            <\/div>\n          <\/div>\n          {% endif %}\n      \n     {% endfor %}\n     <!-- end item -->\n     \n   <\/div>\t\n<\/div>","css":"#{{uc_id}} *{\n  box-sizing:border-box;\n}\n.uc_carousel *\n{\n  transition: all {{transition_time}}s ease-in-out;\n}\n#{{uc_id}}{\n  position:relative;\n  min-height:1px;\n}\n.uc_post_grid_style_one .ue_taxonomy_image {\n\tbackground-color: white;\n\tpadding:16px;\n}\n.uc_post_grid_style_one .ue_taxonomy_image .uc-term-image{\n\twidth:100%;\n\theight:100%;\n}\n#{{uc_id}} .uc_post_title{\n  font-size:21px;\n}\n{% if spacing_type == \"full\" %}\n#{{uc_id}} .uc_post_title{\n  width:100%;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n}\n{% endif %}\n#{{uc_id}} .carousel-image{\n  background-repeat: no-repeat;\n}\n\n#{{uc_id}}  .owl-nav .owl-prev{\n    position:absolute;\n    display:inline-block;\n    text-align:center;\n}\n#{{uc_id}} .owl-nav .owl-next{\n  position:absolute;\n  display:inline-block;\n  text-align:center;\n}\n\n#{{uc_id}} .owl-carousel .owl-nav .owl-prev:after{\n    content: \"{{arrow_left|raw}}\";\n}\n#{{uc_id}} .owl-carousel .owl-nav .owl-next:after{\n    content: \"{{arrow_right|raw}}\";\n}\n\n#{{uc_id}} .uc_image_carousel_container_holder{\n  text-align:{{text_align}};\n  overflow:hidden;\n}\n\n#{{uc_id}} .uc_more_btn{\n    display:{{button_style}};\n    text-align:center;\n  \ttransition: all 0.12s ease-in-out;\n}\n#{{uc_id}} .uc_more_btn .ue-btn-inner-wrapper{\n  \ttransition: none!important;\n}\n#{{uc_id}} .owl-dots {\noverflow:hidden;\n display:{{show_dots}} !important;\ntext-align:{{dot_alignment}};\n}\n\n#{{uc_id}} .owl-dot {\nborder-radius:50%;\ndisplay:inline-block;\n}\n\n{% if layout == \"overlay\" %}\n\t#{{uc_id}} .uc_image_carousel_content    {\n      position:absolute;\n      top:{{content_top}}px;\n      left:{{content_left}}px;\n      bottom:{{content_bottom}}px;\n      right:{{content_right}}px;\n      opacity:0;\n      display:flex;\n     \n      flex-direction:column;\n      \n    }\n\n\t#{{uc_id}} .uc_image_carousel_container_holder:hover .uc_image_carousel_content{\n      opacity:1;\n    }\n\n{% endif %}\n\n#{{uc_id}} .uc_date{\n  color:gray;\n  padding-top:10px;\n  text-style:italic;\n}\n#{{uc_id}} .ue-btn-inner-wrapper{\n  display:flex;\n  align-items:center;\n}\n#{{uc_id}} .ue-btn-inner-wrapper .ue_btn_icon\n{\n  \tdisplay:flex;\n \theight:100%; \n    transition:none!important;\n}\n{% if layout == \"partial_overlay\" %}\n\t#{{uc_id}} .uc_image_carousel_content{\n     position:absolute;\n     \n     bottom:{{content_bottom}}px;\n     left:{{content_left}}px;\n     right:{{content_right}}px;\n    }\n{% endif %}\n\n\n\n{% if layout == \"under_overlap\" %}\n\t#{{uc_id}} .uc_image_carousel_content{\n     \n      \n      position:relative;\n    }\n{% endif %}\n\n{% if layout == \"reveal_from_bottom\" %}\n\t#{{uc_id}} .uc_image_carousel_content{\n        \n        position:absolute;\n      \tbottom: -100%;\n        left: 0;\n        right: 0;\n        \n    }\n    #{{uc_id}} .uc_image_carousel_container_holder:hover .uc_image_carousel_content{\n\t\tbottom: 0;\n    }\n{% endif %}\n{% if spacing_type == \"full\" %}\n\t#{{uc_id}} .uc_image_carousel_content>div{\n       width:100%!important;\n    }\n    \n{% endif %}\n\n{% if layout == \"side_by_side\" %}\n\t#{{uc_id}} .uc_image_carousel_container_holder\n    {\n      display:flex;\n    }\n    #{{uc_id}} .uc_image_carousel_container_holder > div \n   {\n     width:50%;\n     \n   }\n   #{{uc_id}} .uc_image_carousel_container_holder .uc_image_carousel_content\n   {\n     display:flex;\n     flex-direction:column;\n   }\n{% endif %}\n#{{uc_id}} .uc_cat_carousel_style_one_item_num_posts_spacer\n{\n  display: inline-block;\n  \n  \n}\n\n{% if make_3d == \"true\" %} \n#{{uc_id}} .ue-item {\n\topacity: 0.3;\n\ttransform: scale3d(0.8, 0.8, 1);\n\t\n}\n\n#{{uc_id}} .active.center .ue-item {\n\topacity: 1;\n\ttransform: scale3d(1, 1, 1);\n\t\n}\n{% endif %}\n\n#{{uc_id}} .owl-nav .owl-prev.disabled,\n#{{uc_id}} .owl-nav .owl-next.disabled {\n   display: none;\n}","js":"{{ ucfunc(\"put_docready_start\") }}\n\t\t\n  var objCarousel = jQuery('#{{uc_id}}');\n  \n  \t\tobjCarousel.owlCarousel({\n\t\t\t    loop: {{loop}},\n                rewind:{{navigation_rewind}},\n                paddingType: \"{{stage_padding_type}}\",\n                navText: [\"<i class='{{left_arrow}}'><\/i>\",\"<i class='{{right_arrow}}'><\/i>\"],\n                nav: {{show_arrows}},\n                navigation:true,\n                rtl:{{rtl}},\n                center:{{center}},\n                dots:{{show_dots}},\n                autoplayTimeout:{{autoplay_interval}},\n                smartSpeed: {{transition_speed}},  \n                autoplay: {{autoplay}},\n\t\t\t\tmargin: {{margin_between_items}},\n                responsive : {\n\t\t\t\t\t0 : {\n                        {% if stage_padding_type != \"none\" %}\n                             stagePadding: {{stagepadding_mobile}},\n                        {% endif %}           \n\t\t\t\t\t\titems:{{number_of_items_mobile}}\n\t\t\t\t\t},\n\t\t\t\t\t768 : {\n                        {% if stage_padding_type != \"none\" %}\n                             stagePadding: {{stagepadding_tablet}},\n                        {% endif %}        \n\t\t\t\t\t\titems:{{number_of_items_tablet}}\n\t\t\t\t\t},\n\t\t\t\t\t980 : {\n                        {% if stage_padding_type != \"none\" %}\n                             stagePadding: {{stagepadding}},\n                        {% endif %}         \n\t\t\t\t\t\titems:{{number_of_items}}\n\t\t\t\t\t} \n\t\t\t}\n\t\t  });\n  \n\t\t{{ucfunc(\"put_remote_parent_js\",\"objCarousel\")}}  \n\n{{ ucfunc(\"put_docready_end\") }}"}