plans layout

  • Michail Fragkiadakis
  • Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago #155493 by Michail Fragkiadakis
plans layout was created by Michail Fragkiadakis
Hello and merry Christmas. :)

I would like to ask two questions regarding the HTML layout of the subscription plans.

The first concerns the layout of a plan's short description when it's displayed in the content (eg. an article). I have managed to edit the spans in the plan page, by creating an override to default.php (/html/com_osmembership/plan/default.php) and reducing the span of the price column while enlarging the description column in order for the price span to be displayed below the description span. But I can't find the respective code where the columns are set up for the plan's short description (default layout). It's not in /html/com_osmembership/plans/default.php where someone could assume it would be found.

The second issue is that the CSS for the long description appears to be the same with the short description. So, if I want eg. to hide the borders in the long description but keep them in the short description, where multiple plans may be displayed, I can't seem to find a way to do so, since the CSS class (osm-item-description) appears to be the same in both cases. Is there a way to overcome this limitation? (Perhaps this question could serve as a feature request)

Thanks in advance for your time and efforts. :)

Please Log in or Create an account to join the conversation.

More
2 years 8 months ago #155495 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic plans layout
Hello

To help us understand your question easier, could you please send us the link to the page which you want to change so that I can look at it, and then answer your questions

Tuan

Please Log in or Create an account to join the conversation.

  • Michail Fragkiadakis
  • Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago - 2 years 8 months ago #155497 by Michail Fragkiadakis
Replied by Michail Fragkiadakis on topic plans layout
Hello Tuan,
No need for a link, I attach a screenshot instead, which represents the view of a Plans List Default Layout. The question is where do I change the HTML code for these spans, eg. to make the short description wider (say, span9) and the price column shorter (say, span3).

I hope that's more clear now.

As for my other question, a link wouldn't help either, as it's CSS-related. "osm-item-description" CSS class applies both to Plans List Default Layout and Plan Default Layout, which is limiting when someone wants to apply individual styling to each of these views. BUT I figured out a workaround for that, by also using a parent class for the Plans List Default Layout: #osm-plans-list-default .osm-item-description {}
Last edit: 2 years 8 months ago by Michail Fragkiadakis.

Please Log in or Create an account to join the conversation.

More
2 years 8 months ago #155503 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic plans layout
Hello

1. To change the code for the plan, please look at the file components/com_osmembership/view/common/tmpl/default_plans.php and implement the change you need

Once the change is done, you should move that modified file to PATH_TO_TEMPLATE/html/com_osmembership/common folder so that the change won't be lost when you update to future releases of the extension. PATH_TO_TEMPLATE is path to the template which you are using on your site

2. Regarding osm-item-description class, as you figured out, in each page in the extension, we have a separate id for that page container, so you can easily using the right selector so that the css code will only be applied for the page you need. So nothing is wrong here

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Michail Fragkiadakis
  • Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago #155509 by Michail Fragkiadakis
Replied by Michail Fragkiadakis on topic plans layout

1. To change the code for the plan, please look at the file components/com_osmembership/view/common/tmpl/default_plans.php and implement the change you need
 
That's exactly the file I was looking for, thank you.

Please Log in or Create an account to join the conversation.

More
2 years 8 months ago #155512 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic plans layout
You're welcome. Please continue setting up and using the extension. If you have any questions or need help, please don't hesitate to ask us

Regards,

Tuan
The following user(s) said Thank You: Michail Fragkiadakis

Please Log in or Create an account to join the conversation.