View Product Page

General options – free version

In the General settings tab, you will find two sections, the first of which is about General options, let’s check them one by one.

General options - free version

Options position in product page:

  • Before “Add to cart”
  • After “Add to cart”

In WooCommerce pages show:

  • “Select options” button
  • “Add to cart” button

Both of them will take the user to the product page, where the user can configure the add-ons.

Label for “Select options” button: customize here the text of the “Select options” button that shows on archive pages when a product has add-ons to be selected.

Change the product base price with the calculated total: enable to replace the product base price (below the title) the the newly calculated total of the selected options.

Base price option - free version

Hide “Add to cart” until the required options are selected: if your product includes required options to be selected, enable this to make sure the “Add to cart” button is hidden until they are selected. Leave it to OFF, if you want to show the “Add to cart” button but keep it disabled until the required options are selected.

Total price box:

  • Show product price and total options
  • Show the final total but hide options total if the value is 0
  • Show only the final total
  • Hide price box on the product page
Total price box options - free version

Hide titles and images of options groups: enable to hide all titles and images set in the “display” tab of the options.

Hide images of all singular options: enable to hide all the images uploaded in the “populate options” tab of the options.

Cart & Order

Still from the General settings tab, go to Cart & Order options to configure the following settings:

Cart & Order options - free version

Show options in the cart page: enable to show the details of the selected options in the Cart page.

Show options in cart page example

Show the replacement image in the cart: enable to replace the product image with the option image in the cart.

Hide options in the order email: enable to hide the selected options in the order email.

Options in the order email example

Style – free version

In the Style tab, you will be able to configure all the style related options that apply to all add-ons globally.

Block style options - free version

Block titles: choose here the default heading for the title in the block of options. You can select any tag between H1 and H6, and it will apply to all your add-ons titles.

Block background: set the background color for all block options.

Block padding: set the padding for the content in all block options.

Form style: choose the general style for the form elements: (checkbox, radio, select, input, textarea, etc.):

  • theme style: select this if you want that all style elements are inherited from the theme style, or
  • custom style: set your custom style using the options that will appear below
Form style - free version

Checkbox style: choose between rounded or square.

Accent color: set the accent color (e.g. green in the screenshot below).

Form border color: set the color of the borders in the form (e.g. all other borders of non-selected options – grey in the screenshot below).

Style colors example - free version

Label font size (px): set the font size of all options labels in pixels.

Description font size (px): set the font size of all options labels in pixels.