Category Listing Component - Price Prefix

[lesliekirk]

I noticed that the Category Listing Component Product Card Name Details has the ability to include a Prefix and a Suffix, but the Price does not. Will this be added at some point? Is there a current workaround?

[Nick]

lesliekirk Just for clarification, you are looking for the ability to add a custom prefix or suffix to the output of the product price? I am not sure I understand the use case for the customization, can you explain the feature you are looking to achieve?

[lesliekirk]

lesliekirk Just for clarification, you are looking for the ability to add a custom prefix or suffix to the output of the product price? I am not sure I understand the use case for the customization, can you explain the feature you are looking to achieve?

I have numerous stores that have something like "Price" or "MSRP" or "Our Price" or "Sale Price" that precedes the amount.

Price: $3000.00
Our Price: $2000.00

MSRP: $40,000.00
Our Price: $4,000.00

Price: $4,000.00
Sale Price: $3.000.00

[Nick]

That can be done by following these steps:

1. User Interface > Templates select the Fragments tab.
2. Select Add Fragment button
   • Fragment Name: Price Display
   • Fragment Code: PRICE_DISPLAY
   • Start with Blank Fragment.
   • Create Fragment
3. Sample template code to add then select Update:
   <p>MSRP: &mvt:product:formatted_base_price;</p>
   <p>Our Price: &mvt:product:formatted_price;</p>
4. Navigate to Page Builder and select page with product list component, for example CTGY page.
   • Add Detail to Product card
   • Detail Name: Product Price Display
   • Type: Fragment
   • Fragment: PRICE_DISPLAY

Following these steps will give you a customizable fragment that will achieve the feature.

[lesliekirk]

That can be done by following these steps:

1. User Interface > Templates select the Fragments tab.
2. Select Add Fragment button
   • Fragment Name: Price Display
   • Fragment Code: PRICE_DISPLAY
   • Start with Blank Fragment.
   • Create Fragment
3. Sample template code to add then select Update:
   <p>MSRP: &mvt:product:formatted_base_price;</p>
   <p>Our Price: &mvt:product:formatted_price;</p>
4. Navigate to Page Builder and select page with product list component, for example CTGY page.
   • Add Detail to Product card
   • Detail Name: Product Price Display
   • Type: Fragment
   • Fragment: PRICE_DISPLAY

Following these steps will give you a customizable fragment that will achieve the feature.

Cool, thanks Nick. I would suggest that it be included natively with Page Builder if the ultimate goal is for the store owner to be able to use it without the need for doing stuff like this.

[lesliekirk]

FYI - don't forget to make it "Public"