Install the Wishlist + Alternative Products feature

Edit on GitHub

This document describes how to integrate the Alternative Products + Wishlist feature into a Spryker project.

Install feature frontend

Follow the steps below to install the Alternative Products + Wishlist feature frontend.

Prerequisites

To start feature integration, integrate the required features and Glue APIs:

NAME VERSION INTEGRATION GUIDE
Alternative Products 202204.0 Alternative Products feature integration
Wishlist 202204.0

1) Add translations

Append glossary according to your configuration:

src/data/import/glossary.csv

product_alternative_widget.add_to_wishlist,Add to Wishlist,en_US
product_alternative_widget.add_to_wishlist,Zur Wunschliste hinzuf├╝gen,de_DE

Import data:

console data:import glossary
Verification

Make sure that in the database, the configured data are added to the spy_glossary table.

2) Set up widgets

To enable widgets, register the following plugins:

PLUGIN SPECIFICATION PREREQUISITES NAMESPACE
WishlistProductAlternativeWidget Displays a list of alternative products on wishlist page. None SprykerShop\Yves\ProductAlternativeWidget\Widget

src/Pyz/Yves/ShopApplication/ShopApplicationDependencyProvider.php

<?php

namespace Pyz\Yves\ShopApplication;

use SprykerShop\Yves\ProductAlternativeWidget\Widget\WishlistProductAlternativeWidget;
use SprykerShop\Yves\ShopApplication\ShopApplicationDependencyProvider as SprykerShopApplicationDependencyProvider;

class ShopApplicationDependencyProvider extends SprykerShopApplicationDependencyProvider
{
	/**
	 * @return string[]
	 */
	protected function getGlobalWidgets(): array
	{
		return [
			WishlistProductAlternativeWidget::class,
		];
	}
}

Enable Javascript and CSS changes:

console frontend:yves:build
Verification

Make sure that the following widgets were registered:

MODULE TEST
WishlistProductAlternativeWidget Assign some alternative products in Zed, and make sure that they are displayed on the wishlist page of the product to which they were assigned.