Merge pull request #4202 from Codeinwp/feat/scroll_to_top_cta

feat: added scroll to top cta

assets/customizer/css/upsells.css

@@ -80,6 +80,20 @@
 	padding-top: 10px;
 	align-items: center;
 }
+.nv-simple-upsell.column-layout {
+	flex-direction: column;
+	align-items: start;
+	gap: 16px;
+	border-bottom: 1px solid #ccc;
+	border-top: none;
+	padding-bottom: 12px;
+}
+
+.nv-simple-upsell.column-layout p {
+	font-size: 13px;
+	font-weight: normal;
+}
+
 .nv-simple-upsell p {
 	margin: 0 10px 0 0;
 	font-weight: 600;

inc/customizer/controls/simple_upsell.php

@@ -47,19 +47,38 @@ class Simple_Upsell extends \WP_Customize_Control {
 	 */
 	public $text = '';
 
+	/**
+	 * Additional CSS class.
+	 *
+	 * @since  3.8.0
+	 * @var string
+	 */
+	public $class = '';
+
+	/**
+	 * Use primary button class.
+	 *
+	 * @since  3.8.0
+	 * @var string
+	 */
+	public $use_primary = '';
+
 	/**
 	 * Render Method
 	 *
 	 * @return void
 	 */
 	public function render_content() {
+		$base_class   = 'nv-simple-upsell';
+		$class        = ( ! empty( $this->class ) ) ? $base_class . ' ' . $this->class : $base_class;
+		$button_class = ( ! empty( $this->use_primary ) ) ? 'button-primary' : 'button-secondary';
 		?>
-		<div class="nv-simple-upsell">
+		<div class="<?php echo esc_attr( $class ); ?>">
 			<?php if ( ! empty( $this->text ) ) { ?>
 				<p><?php echo esc_html( $this->text ); ?></p>
 			<?php } ?>
 			<?php if ( ! empty( $this->link ) && ! empty( $this->button_text ) ) { ?>
-				<a target="_blank" rel="external noreferrer noopener" href="<?php echo esc_url( $this->link ); ?>" class='button button-secondary'>
+				<a target="_blank" rel="external noreferrer noopener" href="<?php echo esc_url( $this->link ); ?>" class='button <?php echo esc_attr( $button_class ); ?>'>
 					<?php echo esc_html( $this->button_text ); ?>
 					<span class="components-visually-hidden"><?php echo esc_html__( '(opens in a new tab)', 'neve' ); ?></span>
 				</a>