Design

Button/Link

Estimated reading: 1 minute 22 views

1. Button Configuration

Customize the visual appearance of the quick view trigger button.

  1. Background Color: Select the primary color for the button background.
  2. Text Color: Choose the color for the text label inside the button.
  3. Hover Background Color: Set the background color that appears when a user hovers over the button.
  4. Hover Text Color: Set the text color that appears during the hover state.
  5. Border Radius: Adjust the roundness of the button corners in pixels, ranging from 0px to 30px.
  6. Font Size: Define the size of the button text in pixels, ranging from 10px to 24px.
  7. Horizontal Padding: Control the left and right inner spacing of the button, ranging from 5px to 40px.
  8. Vertical Padding: Control the top and bottom inner spacing of the button, ranging from 5px to 30px.

2. Link Configuration

Customize the appearance of the quick view trigger when it is set as a text link.

  1. Link Color: Select the default color for the quick view link text.
  2. Link Hover Color: Select the color for the link text when a user hovers over it.
  3. Font Size: Define the size of the link text in pixels, ranging from 10px to 24px.
Share this Doc

Button/Link

Or copy link

CONTENTS