# cartflows/1.1.19/modules/flow/view/meta-flow-steps.php

CartFlows – Funnel Builder & Checkout Plugin for WooCommerce, version 1.1.19. 201 lines.

- Page: https://pluginprobe.com/plugins/cartflows/1.1.19/code/modules/flow/view/meta-flow-steps.php
- Raw: https://pluginprobe.com/plugins/cartflows/1.1.19/raw/modules/flow/view/meta-flow-steps.php
- Modified: 2019-06-04T18:12:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/cartflows/1.1.19/code/modules/flow/view/meta-flow-steps.php#L10-L20`.

```php
<?php
/**
 * View Flow steps
 *
 * @package CartFlows
 */

$default_page_builder = Cartflows_Helper::get_common_setting( 'default_page_builder' );

$get_steps = array(
	'landing'  => __( 'Landing', 'cartflows' ),
	'checkout' => __( 'Checkout', 'cartflows' ),
	'thankyou' => __( 'Thank You', 'cartflows' ),
	'upsell'   => __( 'Upsell', 'cartflows' ),
	'downsell' => __( 'Downsell', 'cartflows' ),

);

?>
	<div class="wcf-flow-steps-meta-box">
		<div class="wcf-flow-settings">
			<?php do_action( 'cartflows_above_flow_steps' ); ?>
			<div class="wcf-flow-steps-wrap">
				<div class="wcf-flow-steps-container">
					<?php if ( is_array( $options['steps'] ) ) { ?>
						<?php foreach ( $options['steps'] as $index => $data ) { ?>
							<?php
							$term_slug            = '';
							$term_name            = '';
							$step_wrap_class      = '';
							$has_product_assigned = true;
							$is_global_checkout   = '';
							$common               = '';

							if ( isset( $data['type'] ) ) {
								$term_slug = $data['type'];
								$term_name = $get_steps[ $data['type'] ];
							}

							if ( ! _is_cartflows_pro() && ( 'upsell' === $term_slug || 'downsell' === $term_slug ) ) {
								$step_wrap_class .= ' invalid-step';
							}

							if ( isset( $_GET['highlight-step-id'] ) && $_GET['highlight-step-id'] == $data['id'] ) {
								$step_wrap_class .= ' wcf-new-step-highlight';
							}

							if ( 'checkout' === $term_slug ) {

								$common = Cartflows_Helper::get_common_settings();

								$is_global_checkout = (int) $common['global_checkout'];

								if ( $data['id'] === $is_global_checkout ) {
									$step_wrap_class .= ' wcf-global-checkout';
								}
							}

							if ( 'upsell' === $term_slug || 'downsell' === $term_slug || 'checkout' === $term_slug ) {

								$has_product_assigned = Cartflows_Helper::has_product_assigned( $data['id'] );

								if ( ( ! $has_product_assigned ) && ( $data['id'] != $is_global_checkout ) ) {
									$step_wrap_class .= ' wcf-no-product-step';
								}
							}

							?>
							<div class="wcf-step-wrap <?php echo $step_wrap_class; ?>" data-id="<?php echo $data['id']; ?>" data-term-slug="<?php echo esc_attr( $term_slug ); ?>">
								<div class="wcf-step">
									<div class="wcf-step-left-content">
										<span class="dashicons dashicons-menu"></span> 
										<span><?php echo wp_trim_words( get_the_title( $data['id'] ), 3 ); ?></span>
										<span class="wcf-flow-badge"><?php echo esc_attr( $term_name ); ?></span>

										<?php
										if ( ( ! $has_product_assigned ) && ( $data['id'] != $is_global_checkout ) ) {
											?>
											<span class="wcf-no-product-badge"><?php _e( 'No Product Assigned', 'cartflows' ); ?></span>
											<?php
										} elseif ( ( $has_product_assigned ) && ( $data['id'] === $is_global_checkout ) ) {
											?>
											<span class="wcf-global-checkout-badge"><?php _e( 'Global Checkout - Remove selected checkout product', 'cartflows' ); ?></span>
											<?php
										} elseif ( ( ! $has_product_assigned ) && $data['id'] === $is_global_checkout ) {
											?>
											<span class="wcf-global-checkout-badge"><?php _e( 'Global Checkout', 'cartflows' ); ?></span>
											<?php
										}
										?>

										<input type="hidden" class="wcf-steps-hidden" name="wcf-steps[]" value="<?php echo $data['id']; ?>">
									</div>
									<div class="wcf-steps-action-buttons">
										<a href="<?php echo get_permalink( $data['id'] ); ?>" target="_blank"  class="wcf-step-view wcf-action-button wp-ui-text-highlight" title="<?php echo __( 'View Step', 'cartflows' ); ?>" >
											<span class="dashicons dashicons-visibility"></span>
											<span class="wcf-step-act-btn-text">View</span>
										</a>
										<a href="<?php echo get_edit_post_link( $data['id'] ); ?>" class="wcf-step-edit wcf-action-button wp-ui-text-highlight" title="<?php echo __( 'Edit Step', 'cartflows' ); ?>" >
											<span class="dashicons dashicons-edit"></span>
											<span class="wcf-step-act-btn-text">Edit</span>
										</a>						
										<a href="<?php echo wp_nonce_url( 'admin.php?action=cartflows_clone_step&post=' . $data['id'], 'step_clone', 'step_clone_nonce' ); ?>" class="wcf-step-clone wcf-action-button wp-ui-text-highlight" title="<?php echo __( 'Clone Step', 'cartflows' ); ?>" data-id="<?php echo $data['id']; ?>">
											<span class="dashicons dashicons-admin-page"></span>
											<span class="wcf-step-act-btn-text">Clone</span>
										</a>
										<a href="#" class="wcf-step-delete wcf-action-button wp-ui-text-highlight" title="<?php echo __( 'Delete Step', 'cartflows' ); ?>" data-id="<?php echo $data['id']; ?>">
											<span class="dashicons dashicons-trash"></span>
											<span class="wcf-step-act-btn-text">Delete</span>
										</a>						
									</div>
								</div>
							</div><!-- .wcf-step-wrap -->
						<?php } ?>
					<?php } ?>
				</div><!-- .wcf-flow-steps-container -->
			</div> <!-- .wcf-flow-steps-wrap -->
			<div class="wcf-flow-buttons-wrap"> <!-- .wcf-flow-buttons-wrap -->
				<?php do_action( 'cartflows_bellow_flow_steps' ); ?>
				<div class='wcf-add-new-step-btn-wrap'>
					<button class='wcf-trigger-popup button button-primary'>
						<?php echo __( 'Add New Step', 'cartflows' ); ?>
					</button>
				</div>
			</div><!-- .wcf-flow-buttons-wrap -->
		</div><!-- .wcf-flow-settings -->

		<div id="wcf-remote-step-importer" class="wcf-templates-popup-overlay">
			<div class="wcf-templates-popup-content">
				<div class="spinner"></div>
				<div class="wcf-templates-wrap wcf-templates-wrap-flows">

					<div id="wcf-remote-step-actions" class="wcf-template-header">
						<div class="wcf-template-logo-wrap">
							<span class="wcf-cartflows-logo-img">
								<span class="cartflows-logo-icon"></span>
							</span>
							<span class="wcf-cartflows-title"><?php _e( 'Steps Library', 'cartflows' ); ?></span>
						</div>
						<div class="wcf-tab-wrapper">
							<?php if ( 'other' !== $default_page_builder ) { ?>
								<div id="wcf-get-started-steps">
									<ul class="filter-links ">
										<li>
											<a href="#" class="current" data-slug="ready-templates" data-title="<?php _e( 'Ready Templates', 'cartflows' ); ?>"><?php _e( 'Ready Templates', 'cartflows' ); ?></a>
										</li>
										<li>
											<a href="#" data-slug="canvas" data-title="<?php _e( 'Create Your Own', 'cartflows' ); ?>"><?php _e( 'Create Your Own', 'cartflows' ); ?></a>
										</li>
									</ul>
								</div>
							<?php } ?>
						</div>
						<div class="wcf-popup-close-wrap">
							<span class="close-icon"><span class="wcf-cartflow-icons dashicons dashicons-no"></span></span>
						</div>
					</div>

					<!--<div class="wcf-search-form">
						<label class="screen-reader-text" for="wp-filter-search-input"><?php _e( 'Search Sites', 'cartflows' ); ?> </label>
						<input placeholder="<?php _e( 'Search Flow...', 'cartflows' ); ?>" type="text" aria-describedby="live-search-desc" class="wcf-flow-search-input">
					</div>-->

					<div id="wcf-remote-content">
						<?php if ( 'other' !== $default_page_builder ) { ?>
							<div id="wcf-ready-templates">
								<div id="wcf-remote-filters">
									<div id="wcf-page-builders"></div>
									<div id="wcf-categories"></div>
								</div>
								<div class="wcf-page-builder-notice"></div>
								<div id="wcf-remote-step-list" class="wcf-remote-list wcf-template-list-wrap"><span class="spinner is-active"></span></div>
								<div id="wcf-upcoming-page-builders" style="display: none;" class="wcf-remote-list wcf-template-list-wrap"></div>
							</div>
						<?php } ?>
						<div id="wcf-start-from-scratch" style="<?php echo ( 'other' !== $default_page_builder ) ? 'display: none;' : ''; ?>">
							<div class="inner">
								<div id="wcf-scratch-steps-categories">
									<select class="step-type-filter-links filter-links">
										<option value="" class="current"> Select Step Type </option>
										<option value="52" data-group="52" class="Landing" data-slug="landing" data-title="Landing">Landing</option>
										<option value="53" data-group="53" class="Checkout" data-slug="checkout" data-title="Checkout">Checkout</option>
										<option value="55" data-group="55" class="Upsell" data-slug="upsell" data-title="Upsell">Upsell</option>
										<option value="56" data-group="56" class="Downsell" data-slug="downsell" data-title="Downsell">Downsell</option>
										<option value="54" data-group="54" class="Thank You" data-slug="thankyou" data-title="Thank You">Thank You</option>
									</select>
								</div>
								<a href="#" class="button button-primary cartflows-step-import-blank"><?php _e( 'Create Step', 'cartflows' ); ?></a>
								<?php if ( ! _is_cartflows_pro() ) { ?>
								<div class="wcf-template-notice"><p><?php echo __( 'You need a Cartflows Pro version to import Upsell / Downsell', 'cartflows' ); ?></p></div>
								<?php } ?>
								<p class="wcf-learn-how"><a href="https://cartflows.com/docs/cartflows-step-types/" target="_blank"><?php _e( 'Learn How', 'cartflows' ); ?> <i class="dashicons dashicons-external"></i></a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- .wcf-templates-popup-overlay -->
	</div>
<?php

```