Drop down for cbsubs plan and show at registration

Hello there,

Administration area:
I want to create one plan for which the price and duration are variables. Assume that you want to create a diet food plan called Detox. So i want when someone sees the package to select from drop down the calories of this package (1400, 1600 or 1800). When he selects a different value for calories then the plan's price will change.

Also i need the client to be able to choose for how many months does he/she wants the plan. I have as plan duration 1 month but i want the visitor to be able to choose 2 months or more.

I need to know if those things are possible and how to do also!

Registration area:
I use 3rd party for registration (cb profile pro) and inside one tab i want to show the plan subscription that he will choose but i want to show this in a more graphical way. So, an idea was to somehow create some html/css styling that shows the plan and from some drop downs he can select months and calories and after registration he registers to a plan (passing values through URL). I don't know if there is an easier way to show subscription plan with nicer way. Generally, i would like to have one nice image for the graphic, the price of the package and the 2 choices (months for the plan and calories).

Is this possible?

Thank you in advance!

You would need to completely alter the DOM with jQuery to convert the radio/checkbox usage into a dropdown. I don't advise this as there's no telling what it'll break. CBSubs isn't setup for the scenario you're wanting. We have multiple price/duration options on own registration page by using a CSS trick. We just float them on top of one another and hide the non-relevant info for the different price/durations, but they're actually multiple plans and not just 1 plan.

The plan rows themselves can have a custom CSS class added to them on the Presentation tab of the plan, which you can use to fully style that plan row however you like. So an image could be added using CSS or by adding it to the plan description, etc..

So, i suppose i create different plans with different prices/plan durations and with css trick i show !

About that css trick, do you have an example or file in order to see and test?

Nope, Beat wrote the CSS for our registration page. I recommend inspecting it with Firefox or Chrome by right clicking and click inspect element. I believe it's just a couple of float: left; and display: none; usages to move the subscription blocks around and hide the non-relevant information.