MoreConvert Documentation

“Add To List” Button On Single Product Page

From this section, you can make settings related to the multilist on the single product page. 1-Single Product Page  

1. Button Position #

From this section, you can choose the position of the multilist button on the single product page, which can have the following values.
  • Before “add to cart” form
  • After “add to cart” form
  • Before “add to cart” button
  • After “add to cart” button
  • On image – top left
  • On image – top right
  • On image – bottom left
  • On image – bottom right
  • After summary
  • Use shortcode
2-Button Position in single product page  

2. Button Type #

From this section, you can select the type of button available on the single product page, and you can pick one of the following three options.
  • Icon only
  • Text only
  •  Icon and text
3-Button Type in single product page  

3. Default Button Style #

By activating this option, the multilist button on the single product page will have a style similar to the style of other buttons in your theme, in terms of size, color, and font. 4-Default Button Style in single product page  

4. Button Icon #

From this section, you can change the icon of the multilist button that is displayed on the single product page, so that you can either select one of the following options or upload your desired icon.
  • Multi-list 1
  • Multi-list 2
  • Multi-list 3
  • Multi-list 4
  • Multi-list 5
  • Multi-list 6
  • Multi-list 7
  • Multi-list 8
  • Heart
  • Heart Filled
  • Save
  • Save Filled
  • Plus
  • Plus Filled
  • Gift
  • Gift Filled
  • Star 
  • Star Filled
  • Pin
  • Pin Filled
5-Button Icon in single product page  

5. Icon Style #

In this section, you can adjust the icon settings of the multilist button located on the single product page, which includes the icon size, icon color, and icon color when hovering. 6-Icon Style in single product page  

6. Button Colors #

In this section, you can set background color, background hover, border color and border hover color. 7-Button Colors in single product page  

7. Button Sizes #

From this section, you can adjust the sizes of the multilist button on the single product page, which includes Border width, Width, Height, Border radius, and Margin sections. 8-Button Sizes in single product page  

8. Button Tooltip Styles #

By activating this tooltip option, the Multilist button will be activated, and after activating the tooltip, you can set its direction from this section, which can be in four directions: up, right, down, and left. 9-Button Tooltip Styles in single product page
What are your feelings?
Updated on April 7, 2024

“Add To List” Button On Single Product Page

From this section, you can make settings related to the multilist on the single product page. 1-Single Product Page  

1. Button Position #

From this section, you can choose the position of the multilist button on the single product page, which can have the following values.
  • Before “add to cart” form
  • After “add to cart” form
  • Before “add to cart” button
  • After “add to cart” button
  • On image – top left
  • On image – top right
  • On image – bottom left
  • On image – bottom right
  • After summary
  • Use shortcode
2-Button Position in single product page  

2. Button Type #

From this section, you can select the type of button available on the single product page, and you can pick one of the following three options.
  • Icon only
  • Text only
  •  Icon and text
3-Button Type in single product page  

3. Default Button Style #

By activating this option, the multilist button on the single product page will have a style similar to the style of other buttons in your theme, in terms of size, color, and font. 4-Default Button Style in single product page  

4. Button Icon #

From this section, you can change the icon of the multilist button that is displayed on the single product page, so that you can either select one of the following options or upload your desired icon.
  • Multi-list 1
  • Multi-list 2
  • Multi-list 3
  • Multi-list 4
  • Multi-list 5
  • Multi-list 6
  • Multi-list 7
  • Multi-list 8
  • Heart
  • Heart Filled
  • Save
  • Save Filled
  • Plus
  • Plus Filled
  • Gift
  • Gift Filled
  • Star 
  • Star Filled
  • Pin
  • Pin Filled
5-Button Icon in single product page  

5. Icon Style #

In this section, you can adjust the icon settings of the multilist button located on the single product page, which includes the icon size, icon color, and icon color when hovering. 6-Icon Style in single product page  

6. Button Colors #

In this section, you can set background color, background hover, border color and border hover color. 7-Button Colors in single product page  

7. Button Sizes #

From this section, you can adjust the sizes of the multilist button on the single product page, which includes Border width, Width, Height, Border radius, and Margin sections. 8-Button Sizes in single product page  

8. Button Tooltip Styles #

By activating this tooltip option, the Multilist button will be activated, and after activating the tooltip, you can set its direction from this section, which can be in four directions: up, right, down, and left. 9-Button Tooltip Styles in single product page
What are your feelings?
Updated on April 7, 2024