68 lines
1.4 KiB
PHP
68 lines
1.4 KiB
PHP
<?php
|
|
class Elementor_Image_360_Addon extends \Elementor\Widget_Base {
|
|
|
|
public function get_name() {
|
|
return 'image_360';
|
|
}
|
|
|
|
public function get_title() {
|
|
return esc_html__( 'Image 360 addon', 'elementor-addon' );
|
|
}
|
|
|
|
public function get_icon() {
|
|
return 'eicon-code';
|
|
}
|
|
|
|
public function get_categories() {
|
|
return [ 'basic' ];
|
|
}
|
|
|
|
public function get_keywords() {
|
|
return [ 'image', '360', 'image 360' ];
|
|
}
|
|
protected function register_controls() {
|
|
$this->start_controls_section(
|
|
'section_title',
|
|
[
|
|
'label' => esc_html__( 'Heading', 'elementor' ),
|
|
]
|
|
);
|
|
$this->add_control(
|
|
'link',
|
|
[
|
|
'label' => esc_html__( 'Link', 'elementor' ),
|
|
'type' => \Elementor\Controls_Manager::URL,
|
|
'dynamic' => [
|
|
'active' => true,
|
|
],
|
|
'default' => [
|
|
'url' => '',
|
|
],
|
|
]
|
|
);
|
|
$this->end_controls_section();
|
|
}
|
|
|
|
protected function render() {
|
|
$settings = $this->get_settings_for_display();
|
|
?>
|
|
<div class="rotating_product_box">
|
|
<div
|
|
_data-hotspots=""
|
|
class="cloudimage-360"
|
|
data-amount-x="125"
|
|
data-filename-x="{index}.png"
|
|
data-folder="<?php echo $settings['link']['url']; ?>"
|
|
id="gurkha-suv"
|
|
|
|
data-speed="100"
|
|
data-drag-speed="120"
|
|
data-fullscreen
|
|
data-play-once
|
|
data-autoplay
|
|
data-bottom-circle
|
|
></div>
|
|
</div>
|
|
<?php
|
|
}
|
|
}
|