44 lines
1.6 KiB
PHP
44 lines
1.6 KiB
PHP
<?php
|
|
/**
|
|
* Timeline main template
|
|
*/
|
|
|
|
$settings = $this->get_settings_for_display();
|
|
|
|
$this->add_render_attribute( 'wrapper', 'class',
|
|
array(
|
|
'jet-hor-timeline',
|
|
'jet-hor-timeline--layout-' . esc_attr( $settings['vertical_layout'] ),
|
|
'jet-hor-timeline--align-' . esc_attr( $settings['horizontal_alignment'] ),
|
|
'jet-hor-timeline--' . esc_attr( $settings['navigation_type'] ),
|
|
)
|
|
);
|
|
|
|
$desktop_columns = ! empty( $settings['columns'] ) ? $settings['columns'] : 3;
|
|
$tablet_columns = ! empty( $settings['columns_tablet'] ) ? $settings['columns_tablet'] : $desktop_columns;
|
|
$mobile_columns = ! empty( $settings['columns_mobile'] ) ? $settings['columns_mobile'] : $tablet_columns;
|
|
|
|
$data_columns = array(
|
|
'desktop' => $desktop_columns,
|
|
'tablet' => $tablet_columns,
|
|
'mobile' => $mobile_columns,
|
|
);
|
|
|
|
$this->add_render_attribute( 'wrapper', 'data-timeline-columns', esc_attr( json_encode( $data_columns ) ) );
|
|
?>
|
|
|
|
<div <?php $this->print_render_attribute_string( 'wrapper' ) ?>>
|
|
<div class="jet-hor-timeline-inner">
|
|
<div class="jet-hor-timeline-track">
|
|
<?php $this->__get_global_looped_template( 'list-top', 'cards_list' ); ?>
|
|
<?php $this->__get_global_looped_template( 'list-middle', 'cards_list' ); ?>
|
|
<?php $this->__get_global_looped_template( 'list-bottom', 'cards_list' ); ?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
if ( 'arrows-nav' === $settings['navigation_type'] ) {
|
|
echo jet_elements_tools()->get_carousel_arrow( array( $settings['arrow_type'], 'jet-prev-arrow jet-arrow-disabled' ) );
|
|
echo jet_elements_tools()->get_carousel_arrow( array( $settings['arrow_type'], 'jet-next-arrow' ) );
|
|
}
|
|
?>
|
|
</div>
|