Product Recommendations Asset Button

Customise the button in your Product Recommendations Asset.

Click Button to see all the options available.

Element6_02.jpg

Asset Button Text

Click the button to edit the button's text directly in the canvas.

You can customise the button text for regular products:

Button2.jpg

And have a different button text for your sale items:

Button3.jpg

Asset Button Options

In Button Options you can style the button of your Product Recommendations Asset to match your website.

Button1.jpg

Asset Button Font Size and Color

Slide the bar to adjust the font size of your button's text.

Price2_02.jpg

Click on the color button to open the color picker.

Headling6_02.jpg

Use the color picker to choose the right color.

If you already have a standard color, enter the color code in the Hex box. Go ahead and enter the color in RGB format if that's the method you prefer.

button14.jpg

Asset Button Font

Click on the Font drop-down menu and select a font from the list.

Price4.jpg

If you'd like to match the font to the font that is used on your website, select Inherit from website.

Headline8_02.jpg

Asset Button Font Style

Expand the Font style drop-down menu to choose a style for your button's text.

You can also choose Inherit from website to match your website's font style.

Headline10.jpg

Asset Button Size and Color

Drag the Width and Height sliders left or right to adjust the button's size.

Click on the color button to open the color picker.

Button8.jpg

Use the color picker to choose the right color.

If you already have a standard color, enter the color code in the Hex box. Go ahead and enter the color in RGB format if that's the method you prefer.

button14.jpg

Asset Button Borders

Drag the Size slider left or right to decrease or increase the button's border thickness.

The Radius slider allows you to make the Asset's corner rounder or sharper.

Click on the color button to open the color picker and change the border color.

Back4.jpg

Use the color picker to choose the right color.

If you already have a standard color, enter the color code in the Hex box. Go ahead and enter the color in RGB format if that's the method you prefer.

button14.jpg

Asset Button Placement

On Align, choose whether your button should be centered in the Product Recommendations Asset, aligned to the left or to the right.

Note that your Asset's and button's width, in combination with its border and margins, will determine whether there will be space for the button to be aligned.

Button7_01.jpg

Adjust the margins of your button by entering a measure in pixels (px). To set all margins to zero (0), click Clear all.

Headline3_02.jpg
Did this answer your question?