How to use the Cross Sells feature alongside MegaEdit Variables

0:00 Hi, welcome to the infigo academy. In this video, we'll be walking you through how to utilize the cross cells functionality alongside the mega edit variables feature.
0:11 What are, what are mega edit variables and how to apply mega edit variables videos to get started? You may be asking yourself why would I want to enable the cross cells flow when using mega edit variables?
0:24 Our cross cells flow allows you to link related products together and will display a related product section in the the basket area in an inline or pop up format.
0:34 This is handy when using MegaEdit variables because the variable data will update in the product image thumbnail and this will be reflected in the cross cell section.
0:43 So customers can see straight away that the related products share the same MegaEdit variables and if they want to add the related products to their order they can.
0:53 So you should already have your MegaEdit products created and the variables linked from the previous videos and guides. At this stage, if you haven't already, you'll need to request our support team to enable the dynamic preview settings within the catalog settings admin area.
1:09 These settings will allow the mega-edit variables to update dynamically with the product image thumbnail. If you don't have these settings enabled, the product image thumbnail will not update and and it will nullify the use of the variables and cross-cells features.
1:27 Once these settings are enabled by our support team, navigate to the Edit Product section for both Mega Edit products and at the bottom of the Product Info tab, enable the Dynamic Preview on Cross-cell setting and the Dynamic Preview on Landing page setting and click Save.
1:51 Now you want to enable the cross-cells flow. Since you're already in the Edit Product section page for both mega-edit products, navigate to the Cross Cells tab and add the relevant products and click Save.
2:21 Navigate to the Basket Settings page and under the Cross Cells section, in the number of Cross Cells field, add the value 10.
2:30 In the Cross Cells mode drop down, you have the ability to change it to Inline or Popup. Inline will show the related products just below the basket order lines and popup will show a separate window for the related items.
2:43 For this example, we'll show you the inline style. You also have the option to change the amount of cross-cell items at display in the inline menu or pop-up window.
2:53 For now, we'll leave it to the default value for. Once a configuration is completed, head to your storefront and open the landing page for the first variable linked mega-edit product.
3:09 Open the editor section, enter values into the image and text field, and add the product to the basket. As soon as you're redirected to the basket under the basket orderline items, you'll see a related product section.
3:29 In the product image thumbnails for the items in the related product section, i.e., the products which have the same mega-edit variables linked, you'll see that the thumbnail has been updated to show the new variable values.
3:41 Depending on the context type you've selected for the variables, the thumbnail will regenerate every time you add new values into the mega-edit variable fields.
3:52 And that's all for this video. See you in the next one.