changes to the subscription page (when logged in)

Hi,

I need some help with the subscription page – http://tinyurl.com/ojahgz9 (when the user is logged in they see this page and can change their current subscription)

changes – http://take.ms/TftYr

Currently i am using the pricing table – SVS Pricing Tables Version 1.0.2 | By SVS WebSoft. while it does allow you to enter a custom link for each button. the text wont be dynamic in the same way as the default subscription membership options are (that identify what is your current subscription and which are the remaining options that you can change too. therefore would it be possible to either:

a) Change the button on the top pricing table to be dynamic like the ones in the subscription panel on the right of the screenshot

b) Through CSS. hide the default subscription info and title / containers so that only the button/link is visible then move that element directly below each of the columns of the pricing table?

c) stylise the default membership subscriptions to look similar to the pricing table

Support access is ACTIVE until September 20, 2015 10:45 pm

Thanks

Tom

  • Sajid
    • DEV MAN’s Sidekick

    Hi @tom

    Hope you are doing good today :slight_smile:

    I will went with option b and try to make it look like your pricing table (see screenshot).

    I added following code in custom CSS section and changed form wraper from 50% to 100%.

    .ms-membership-form-wrapper .ms-signup-button{
    text-decoration: none;
    background-clip: border-box;
    background-color: #BD7;
    background-image: none;
    background-origin: padding-box;
    background-size: auto auto;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 2.8em;
    display: inline-block;
    width: 80%;
    height: 2.8em;
    border-radius: 4px;
    margin: 1.5em 0px 1.8em;
    }
    .ms-membership-form-wrapper .ms-signup-button:hover{
    color: #fff;
    opacity: .9;
    }
    .ms-membership-form {
    float: left;
    width: 300px;
    }
    .ms-top-bar, .ms-price-details{
    display:none;
    }

    Hope that helps :slight_smile:

    Cheers, Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.