P Page Builder Countdown Addon Change The Labels
Marin
Can I change the labels for hours, minutes, etc. to another language or set them manually in the SP Page Builder countdown addon?
Ziaul Kabir
Accepted AnswerHi Marin,
Thanks for reaching out to us.
Yes, this is possible through Joomla language overrides.
The Countdown Addon uses the following language constants:
COM_SPPAGEBUILDER_DAYS
COM_SPPAGEBUILDER_HOURS
COM_SPPAGEBUILDER_MINUTES
COM_SPPAGEBUILDER_SECONDSTo create the overrides:
- Go to System → Manage → Language Overrides.
- Select the desired language and client (usually Site).
- Click New.
- Enter the language constant (for example, COM_SPPAGEBUILDER_DAYS) in the Language Constant field.
- Enter your preferred label in the Text field.
- Save the override.
- Repeat the process for the remaining constants.
Once the overrides are saved, the Countdown Addon will display your custom labels instead of the default ones.
Please let us know if you need any further assistance.
Thanks
Marin
Accepted AnswerThank you for quick support!
Ziaul Kabir
Accepted AnswerYou are welcome. We greatly value your opinion and would love to hear your feedback about SP Page Builder. If you could spare a moment, it would mean a lot to us!
You can share your review here:
Marin
Accepted AnswerJust one more question: is it possible to set the mobile device view so that the grid is 2x2? Right now, it’s 4x1 on desktop, 2x2 on tablet, and 1x4 on mobile.
Ziaul Kabir
Accepted AnswerYes, You need to make them based on viewports like this: https://prnt.sc/w1IfdscPdETf
You can do that from Frontend eidtor also.
Thanks
Marin
Accepted AnswerHi, yes, I know about that, but this is just for the countdown add-on. By default, on large screens like laptops, it's ordered like in one line:
- DAYS HOURS MINUTES SECONDS
On mobile, it's like one column:
- DAYS
- HOURS
- MINUTES
- SECONDS
And what I want to achieve is two columns and two rows:
- DAYS HOURS
- MINUTES SECONDS
Ziaul Kabir
Accepted AnswerCheck this screenshot: https://prnt.sc/8gPTwx5ZkjZM
And add this css there:
@media (max-width: 575px){
#addonId .sppb-countdown-timer.sppb-row > div {
width: 50%;
}
}Thanks