Buttons & Labels

From YITH > Catalog Mode > Buttons & Labels tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products.

You can have one custom button that replaces the following:

  • Cart button on the Shop page
  • Cart button on product page
  • Price on the Shop page
  • Price on product page

Let’s see how to create custom buttons. First of all, click on the button Create a new button or label.

Create a new button or label

There are three sections: Content, Style, and Options and a preview box on the right.

In Content section, you will find these options:

Button or label content

  • Label text: here you can find a textual editor to add the custom text of your button, with custom formatting. Please, consider that if you select Theme Default from the font dropdown, the button will inherit the font of the theme, but the preview might not be perfect. If you want to, you can also include a file from your Media gallery.
  • Icon: pick a custom icon from the list or upload a custom one. You’ll be able to customize its size in px, alignment, and colors.

Icon options

In the Style section, you will be able to customize the default and hover colors and style of the button (text, borders, width, margin, padding):

Button or label style

Button or label style

In the Options section, you will be able to set the following options:

Button or label options

  • Link to: choose one of the following:
    • Unlinked text label: this lets you simply print a static text without any link.
    • Product page: this will make the button dynamically direct your users to the page of the product where the button appears.
    • Custom URL: enter here a custom URL of your choice.
    • Hover animation: here you can choose the hover animation from Float, Grow, Button, Move Hover Color, Press, Push, Shake, Slide Top, Slide Left.