Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Pricing table and discount popup - 2 quick questions

Featured Lock Resolved Issue
Hi,
I was just wondering if you could tell me how did you do this 35% red corner...not sure how that is called... I didn't see that option in my pricing table addon...
https://www.joomshaper.com/holiday-sale-2018

Also I like this current red row that says 35% holiday discount with time running out... how did you do that?
I'm using your template and Sp page builder and i would love just to use your extension and not any other for that popup. other extensions don't add a row, they just create their popup on top, which doesn't look that nice...
Thank you!

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your queries.
1) The 35% is an image and we've used image addon for that http://prntscr.com/m2gpjg
2) We've used our custom module to show that offer text. And we are really sorry to say that we don't provide any custom support. But you can create that of your own. Though it requires some coding experience.

-Best Regards

jwachulka

More than a month ago #Permalink
Thanks. Well for the 2nd one, ok, I will need to do that on my own.

But for the 1st one, that was not the question. I was asking about the 35% off inside the pricing table. Just scroll down a bit and you will see this red line:
https://www.dropbox.com/s/pfryc5y2a5brcvp/pricing%20table.png?dl=0

Pavel

More than a month ago #Permalink
But for the 1st one, that was not the question. I was asking about the 35% off inside the pricing table. Just scroll down a bit and you will see this red line:


In the example, the modified addon to which is added <span>35% off</span> with some css style.
http://dl4.joxi.net/drive/2019/01/03/0008/0401/545169/69/d55303b21a.png
Standard Pricing addon does not have this feature.
But with the ::before pseudo element, you can get a workaround.
Step one - add a class to Pricing addon
http://dl3.joxi.net/drive/2019/01/03/0008/0401/545169/69/1e32034c43.png
Step two - style it with css directly in the browser's code inspector.
http://dl3.joxi.net/drive/2019/01/03/0008/0401/545169/69/f5d8ccb126.png
Step three - copy the resulting styles and paste in the custom css field.
http://dl4.joxi.net/drive/2019/01/03/0008/0401/545169/69/7643c8e723.png

And one more workaround. Just create png image in Photoshop and use it as a background fill in its original size, left, top

jwachulka

More than a month ago #Permalink
Thank you!


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 58
Mehtaz Afsana

Mehtaz Afsana

Total Accepted Answers: 13
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 10

118

Templates

302523

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us