Links

Design

Configuration of parameters

If you would like to change the default design of the recommendations displayed in the email the below variables can be set/altered and added to the url.
1. Start by configure the product recommendations to be displayed, the following setting are available,
Setting
Description
mage width (w)
if no value is passed default value of 300 is used
Backfill (fill)
0/1/2, 0 = recently_added, 1 = top_selling, 2 = top_grossing if no value is passed default value 0 is used If setting is being used, please make sure to use the same fill in image and link url.
Font-size (fs)
First font value represent product name, second represents price. If no value is passed 1.25rem+1rem is used
Font-weight (fw)
First font weight represents product name, second represents price. If no value is passed default value 300+300 is used
Font-family (ff)
First color represents product name and second represents price, if no value is passed default value
Color (color)
First color represents product name and second represents price, if no value is passed default value 000+666 is used (Color should be set using HEX format without the leading hash tag)
Align (align)
left/center/right, if no value is passed center is used as default
Image (img)
1/0, where 1 represents images to be displayed and 0 no image will be displayed. If no value is passed image will be displayed as defaul
Title (title)
1/0, where 1 represents product name to be displayed and 0 no product name will be displayed. If no value is passed image will be displayed as default
Price (price)
1/0, where 1 represents price to be displayed and 0 no price will be displayed. If no value is passed price will be displayed as default
Currency (cur)
Three letter ISO-code, if no currency is passed the default currency from store is used
Decimals (dec)
The number of decimals to be used for price, if no value is passed 2 decimals are being used.
Image padding (ip)
If not set, default value will be 0+0+5px+0
Price padding (pp)
If not set, default value will be 5px+0+10px+0
Note: If fill is being used it is important that the same fill is used in both image and link, otherwise there is a risk that product and link will mismatch.
Below is an example of what the configuration might look like:
w=300&fill=0&fs=1.5rem+1.25rem&fw=300+400&ff=roboto&color=FF00FF+0000FF&align=center&img=1&title=1&price=1
Note: Using settings is optional, if only default values are going to be used, no settings parameters needs to be sent.