Hi origomedia,
You can download the ja-acm-module-235.zip file that Saguaros provided in the previous answer and install it here:


Then Copy folder: /templates/ja_sport/acm/pricing/ paste into: /templates/ja_blockk/acm/

      Hi saguaros yes I did all that but and have asisgned it as attached.Nothing appears. Maybe I need to change the settings of the membership menu item?

      Cheers Jim

        saguaros here is the menu item settings. I'm sure am just. missing something blatantly obvious to everyone else.

        Jim

          You can share the super admin account so I will take a look.

            This message is visible to Moderators only
            hidden content

              origomedia Hi

              You assigned the pricing module to section-2 position which is not loaded in that memberships page. I just assigned to body-top-1 position and it's showing now.

              Kindly check

                  Hi saguaros I have got it working now. Can you point me in the right direction re the "styling". This is how it looks now https://www.prvlge.com/index.php/memberships and this is how it looked in the other template https://www.joomlart.com/demo/ja-sport

                  How is it that it is completely different? Where do i have to go and change the code to try and get it similar. As an example these items just follow on instead of been in a list format. Digital Membership Card 2021/22 Digital Yearbook 2021/22 Digital Yearbook Exclusive Home Match Ticket Access (1 ticket per Member) I guess I need to edit this in the file in the file manager?
                  Best regards Jim

                    Could you share screenshot of that part on our demo site?

                      Hi @origomedia

                      I have updated the style for the ACM module you added in the template/css/custom.css file.
                      As per the demo you desired, I have also modified the content in the ACM module.
                      Kindly check and let us know if you need further helps. 🙂

                      .acm-pricing.style-1 .pricing-item {
    background: #fff;
  	border: 1px solid #ddd;
    height:100%
}

.acm-pricing.style-1 .pricing-item .img-intro img {
    width:100%
}

.acm-pricing.style-1 .pricing-item .pricing-content {
    padding:2.25rem
}

@media (max-width: 575.98px) {
    .acm-pricing.style-1 .pricing-item .pricing-content {
        padding:1.125rem
    }
}

.acm-pricing.style-1 .pricing-item .pricing-title-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1.5rem
}

@media (max-width: 575.98px) {
    .acm-pricing.style-1 .pricing-item .pricing-title-info {
        margin-bottom:.75rem
    }
}

@media (min-width: 576px) {
    .acm-pricing.style-1 .pricing-item .pricing-title-info.no-price h3, .acm-pricing.style-1 .pricing-item .pricing-title-info.no-price .h3 {
        font-size:var(--h2-font-size)
    }
}

.acm-pricing.style-1 .pricing-item .pricing-title-info h3, .acm-pricing.style-1 .pricing-item .pricing-title-info .h3, .acm-pricing.style-1 .pricing-item .pricing-title-info h2, .acm-pricing.style-1 .pricing-item .pricing-title-info .h2 {
    margin:0
}

@media (max-width: 575.98px) {
    .acm-pricing.style-1 .pricing-item .pricing-title-info h3, .acm-pricing.style-1 .pricing-item .pricing-title-info .h3, .acm-pricing.style-1 .pricing-item .pricing-title-info h2, .acm-pricing.style-1 .pricing-item .pricing-title-info .h2 {
        font-size:var(--h3-font-size)
    }
}

.acm-pricing.style-1 .pricing-item .pricing-action {
    margin-top:1.5rem
}

@media (max-width: 575.98px) {
    .acm-pricing.style-1 .pricing-item .pricing-action {
        margin-top:.75rem
    }
}

.acm-pricing.style-1 .pricing-item .pricing-plan-list {
    border-top: 1px solid #D9D9D9;
    margin-top: 2.25rem;
    padding-top:2.25rem
}

@media (max-width: 767.98px) {
    .acm-pricing.style-1 .pricing-item .pricing-plan-list {
        margin-top: 1.125rem;
        padding-top:1.125rem
    }
}

.acm-pricing.style-1 .pricing-item .pricing-plan-list > h1, .acm-pricing.style-1 .pricing-item .pricing-plan-list > .h1, .acm-pricing.style-1 .pricing-item .pricing-plan-list h2, .acm-pricing.style-1 .pricing-item .pricing-plan-list .h2, .acm-pricing.style-1 .pricing-item .pricing-plan-list h3, .acm-pricing.style-1 .pricing-item .pricing-plan-list .h3, .acm-pricing.style-1 .pricing-item .pricing-plan-list h4, .acm-pricing.style-1 .pricing-item .pricing-plan-list .h4, .acm-pricing.style-1 .pricing-item .pricing-plan-list h5, .acm-pricing.style-1 .pricing-item .pricing-plan-list .h5, .acm-pricing.style-1 .pricing-item .pricing-plan-list h6, .acm-pricing.style-1 .pricing-item .pricing-plan-list .h6 {
    margin-top:0
}

.acm-pricing.style-1 .bottom-desc {
    --body-link-color: var(--color-secondary);
    text-align: center;
    margin: 2.25rem auto 0;
    max-width:700px
}

                        You guys are the best. Thanks phinb

                        As always I try to work it out myself first before asking here.

                        Would it be a major bit of coding for me to change the layout so the join now button appeared at the bottom after the information about what the Plan Includes?

                        Jim

                          Hi @origomedia

                          I have moved the button below as you desired and updated it in the file: ‎/templates/ja_blockk/acm/pricing/tmpl/style-1.php
                          Kindly check and let us know if you need further helps. 🙂

                          style-1php.zip
                          2kB
                            Write a Reply...
                            You need to Login to view replies.