MoreConvert Documentation

“Add To List” Button On Product Listings/Loops

In this section of the settings, you can change the settings related to the multilist button on the products page. 1-Product Lists  

1. Show “Add To List” In Listings #

By activating this option, the multilist button on the products page will also be activated and will be usable. 2-Show "Add To List" In Listings  

2. Button Position In Listings #

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

3. Button Type #

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

4. Default Button Style #

By activating this option, the multilist button on the products page will have a style similar to the style of other buttons in your theme, in terms of size, color, and font, it will be the same as other buttons. 5-Default Button Style in listing  

5. Button Icon #

From this section, you can change the icon of the multilist button that is displayed on the product page, so that you can either decide 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
6-Button Icon in listing  

6. Icon Style #

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

7. Button Color #

In this section, you can set background color, background hover, border color and border hover color. 8-Button Color  

8. Button Sizes #

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

9. Button Tooltip #

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. 10-Button Tooltip
What are your feelings?
Updated on April 7, 2024

“Add To List” Button On Product Listings/Loops

In this section of the settings, you can change the settings related to the multilist button on the products page. 1-Product Lists  

1. Show “Add To List” In Listings #

By activating this option, the multilist button on the products page will also be activated and will be usable. 2-Show "Add To List" In Listings  

2. Button Position In Listings #

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

3. Button Type #

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

4. Default Button Style #

By activating this option, the multilist button on the products page will have a style similar to the style of other buttons in your theme, in terms of size, color, and font, it will be the same as other buttons. 5-Default Button Style in listing  

5. Button Icon #

From this section, you can change the icon of the multilist button that is displayed on the product page, so that you can either decide 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
6-Button Icon in listing  

6. Icon Style #

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

7. Button Color #

In this section, you can set background color, background hover, border color and border hover color. 8-Button Color  

8. Button Sizes #

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

9. Button Tooltip #

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. 10-Button Tooltip
What are your feelings?
Updated on April 7, 2024