Styling the product information image

The Style editor step lets you configure the way the product information image appears for email recommendations. Your modifications are displayed in the Preview section.

Campaign. The name of your Email Product Recommendations campaignPersonalization: Describes the rules for sending email that share a strategy and time frame while marketing a product or service..
Image. Modify the dimensions (number of pixels) and background color (hexadecimal values) of the product information image. Opacity modifies the background color so that you can have a transparent background.
The size of the actual product image will not change because that image is delivered with the same size as it is provided from your system to Episerver in the product catalog feed.
The Text styles section defines the font attributes:
- Title. Modify the font attributes and alignment of the product title.
- Price. Modify the font attributes and alignment of the product price.

Click Show advanced settings to edit HTML and CSSStands for "Cascading Style Sheet"; a file type that defines the appearance and layout on the website, containing fonts, colors, and so on. CSS files separate the layout of website content from the content itself, making it easier to make layout changes on a website. (See also page template and page type.) for the image. You can edit other elements, such as displaying Was prices or product ratings. The product information image is rendered in a similar way that a browser does, so you can use standard HTML and CSS.

Image: Modifying HTML and CSS in Advanced settings

Click Need help help icon for information about the syntax of variables and logical operations.

Select the Configuration step next.