FAQ Widget as a Price Table

Share Your Experience Sharing Insights
,
1

If you’re not satisfied with the Pricing Table Widget or can’t customize it to your needs, this might be a solution.

I’ve repurposed the FAQ widget for this.

FAQ as an Accordion
Question section → Answer section
Click on the question; it expands, and the answer section with the answer becomes visible.

I’ve modified it as follows:

My service areas are the widget’s categories.

My service groups are the widget’s questions.

My services are displayed in the answer section.

Everything else, like the layout, was implemented using custom CSS and custom JS.

image
image317×298 2.2 KB

image
image319×238 4.13 KB
image
image145×155 2.98 KB

.eapps-faq-content-category-herren .eapps-faq-content-category-title {
  color: transparent;
  background-image: url("https://example.com/media/men.png");
  background-position: center;
  width: 100%;
  height: 120px;
  display: block;
  opacity: 1;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border: 1px solid rgba(160, 79, 7, 0.47);
}

image
image633×198 25.5 KB

4

Thanks a lot for sharing this creative use case, Sina! :fire:

Posts like this are a great reminder that widgets can often be pushed much further with a bit of creativity and customization :blush:

And of course, we’re always happy to help bring ideas like this to life here in the community!