How to use badge inline feature?
Hello from Fordeer!
Previously, when assigning multiple badges to the same product and position, the badge created last would appear below the first one. We understand that this may limit how you display important product details.
After a month of hard work, we’re excited to introduce our new feature: Set Badge in Line. This feature allows you to display multiple badges on the same line, making it easier to showcase important product information like discounts and offers to your customers.
This guidelines will guide you to set it up:
Navigate to the Badge Settings page.
Go to the Design section > Position tab.
Enable the Set Badge in Line option.
The line number determines the badge's position, with 1 being the top line (highest priority).
Using badge in line feature will deactivate the alignment settings.
The first campaign is aligned left, with others placed to the right and wrapping to the next line if needed.
1. If you want to display 2 badges on a product in a single row, set Line 1 for all 2 badge campaigns.
=> The result:
In this case, ONLY 10 LEFT is created before SALES so it is aligned to the left and both appear on the same line.
2. If you want to display 3 badges on a product, with 2 badges on the first line and 1 badges on the second line, set the first 2 badges to Line 1 and the other to Line 2
=> The result:
For best results, make sure to select both collection pages and product pages when adjusting badge size and position to ensure they display correctly across your store.
We advise you to use margin to keep badges from sticking together.
We hope this new feature helps you better highlight your product features and promotions. Give it a try and let us know how it works for you!
Please upgrade to Advanced plan to use this feature.
Use the code UNLIMITED22 to get 20% OFF on any paid plan for 3 months.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Previously, when assigning multiple badges to the same product and position, the badge created last would appear below the first one. We understand that this may limit how you display important product details.
After a month of hard work, we’re excited to introduce our new feature: Set Badge in Line. This feature allows you to display multiple badges on the same line, making it easier to showcase important product information like discounts and offers to your customers.
This guidelines will guide you to set it up:
Navigate to the Badge Settings page.
Go to the Design section > Position tab.
Enable the Set Badge in Line option.
The line number determines the badge's position, with 1 being the top line (highest priority).
Using badge in line feature will deactivate the alignment settings.
The first campaign is aligned left, with others placed to the right and wrapping to the next line if needed.
Here are some examples to help you set it up:
1. If you want to display 2 badges on a product in a single row, set Line 1 for all 2 badge campaigns.
=> The result:
In this case, ONLY 10 LEFT is created before SALES so it is aligned to the left and both appear on the same line.
2. If you want to display 3 badges on a product, with 2 badges on the first line and 1 badges on the second line, set the first 2 badges to Line 1 and the other to Line 2
=> The result:
For best results, make sure to select both collection pages and product pages when adjusting badge size and position to ensure they display correctly across your store.
We advise you to use margin to keep badges from sticking together.
We hope this new feature helps you better highlight your product features and promotions. Give it a try and let us know how it works for you!
Please upgrade to Advanced plan to use this feature.
Use the code UNLIMITED22 to get 20% OFF on any paid plan for 3 months.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Updated on: 24/09/2024
Thank you!