2.3_Usage Advanced

Advanced Usage

Additional features and customization options for Markup-by-Attribute.

Markup Column on Attribute Terms

When viewing attribute terms (Products → Attributes → click an attribute name), Markup-by-Attribute adds a Markup column that displays the markup value for each term.

The column is sortable—click the header to sort terms by their markup value. This makes it easy to see all terms that have markups assigned.

Styling the Price Breakdown

The price breakdown is added to variation descriptions wrapped in <span id="mbainfo"> tags, allowing you to style it with CSS.

After using Set regular price, variations with markups will have a description like this:

<span id="mbainfo">Product price $39.95
Add $2.00 for Blue
Subtract $1.00 for X-Small
</span>

Example: Changing the Text Color

Add the following to your theme's CSS or the Additional CSS in Appearance → Customize:

#mbainfo {
   color: salmon;
}

The result:

You can use any CSS properties to customize the appearance—font size, background color, borders, etc.