P Page Builder countdown addon change the labels - Forum | JoomShaper
Solved SP Page Builder

P Page Builder countdown addon change the labels

Asked by Marin 3 months ago Last activity 3 months ago

Can I change the labels for hours, minutes, etc. to another language or set them manually in the SP Page Builder countdown addon?

Accepted answer

Marked as the solution
Ziaul Kabir Staff

Hi 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_SECONDS

To create the overrides:

  1. Go to System → Manage → Language Overrides.
  2. Select the desired language and client (usually Site).
  3. Click New.
  4. Enter the language constant (for example, COM_SPPAGEBUILDER_DAYS) in the Language Constant field.
  5. Enter your preferred label in the Text field.
  6. Save the override.
  7. 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

5 more replies

Marin Asked this

Thank you for quick support!

Ziaul Kabir Staff

You 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:

Joomla Extensions Directory

Trustpilot

Marin Asked this

Just 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.

Marin Asked this

Hi, 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 Staff

Check 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

Marin Asked this

Thank you !

Log in to reply.