Design
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.