FileMaster

Edit File: Pattern.php

<?php declare(strict_types = 1);

namespace MailPoet\EmailEditor\Integrations\MailPoet\Patterns;

if (!defined('ABSPATH')) exit;

use Automattic\WooCommerce\EmailEditor\Engine\Patterns\Abstract_Pattern;
use MailPoet\Util\CdnAssetUrl;

abstract class Pattern extends Abstract_Pattern {
  protected CdnAssetUrl $cdnAssetUrl;
  protected $namespace = 'mailpoet';

public function __construct(
    CdnAssetUrl $cdnAssetUrl
  ) {
    $this->cdnAssetUrl = $cdnAssetUrl;
  }

/**
   * Get the content to use when creating an email from this pattern.
   * Override in subclasses to provide different insertion content than preview.
   * By default, returns the same as get_content().
   */
  public function get_email_content(): string { // phpcs:ignore PSR1.Methods.CamelCapsMethodName.NotCamelCaps
    return $this->get_content();
  }

/**
   * @param string[] $imageNames CDN filenames for placeholder product images.
   */
  protected function getProductPlaceholderBlocks(array $imageNames): string {
    $blocks = '';
    foreach ($imageNames as $imageName) {
      $blocks .= $this->getProductPlaceholderCard($imageName);
    }
    return $blocks;
  }

/**
   * Render placeholder products in a two-column grid.
   *
   * Uses 10px padding per column side (20px total gap) to match the WooCommerce
   * email renderer's two-column grid (see class-product-collection.php).
   * Pixel values are used instead of spacing presets for email client compatibility.
   *
   * @param string[] $imageNames CDN filenames for placeholder product images. Should contain an even number of items.
   */
  protected function getProductPlaceholderColumns(array $imageNames): string {
    $rows = array_chunk($imageNames, 2);
    $blocks = '';

foreach ($rows as $row) {
      $cols = '';
      foreach ($row as $index => $imageName) {
        $isFirst = $index === 0;
        $padding = $isFirst ? 'right' : 'left';
        $style = 'padding-' . $padding . ':10px';
        $cols .= '
        
        <div class="wp-block-column" style="' . $style . '">' . $this->getProductPlaceholderCard($imageName) . '</div>
        ';
      }

$blocks .= '
      
      <div class="wp-block-columns">' . $cols . '</div>
      ';
    }

return $blocks;
  }

/**
   * Get a product collection block for recommended products.
   *
   * @param string $collection Collection slug (e.g., 'best-sellers', 'new-arrivals').
   * @param string $orderBy Order by field (e.g., 'date', 'popularity').
   * @param int $perPage Number of products to show.
   * @param int $columns Number of columns in the grid.
   */
  protected function getRecommendedProductCollectionBlock(string $collection, string $orderBy = 'date', int $perPage = 4, int $columns = 2): string {
    return '
      
      <div class="wp-block-woocommerce-product-collection">

</div>
      
    ';
  }

private function getProductPlaceholderCard(string $imageName): string {
    $imageUrl = esc_url($this->cdnAssetUrl->generateCdnUrl('email-editor/' . $imageName));
    $imageAlt = esc_attr__('Product placeholder', 'mailpoet');
    $productName = __('Product name', 'mailpoet');

return '
      
      <figure class="wp-block-image size-full" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)"><img src="' . $imageUrl . '" alt="' . $imageAlt . '"/></figure>

<h2 class="wp-block-heading has-text-align-center" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);font-size:24px">' . $productName . '</h2>

<p class="has-text-align-center" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);font-size:14px">$99.90</p>
      
    ';
  }
}

Back