Some adjustments towards Custom Layout

  • Resolved Presson

    (@pressonforlife)


    1 year ago

    Hello Sir,
    I was given a Layout by my client, which a UI/UX Designer made for them, and this is the Layout — https://prnt.sc/T4ruZpowKOkI

    MY CHALLENGE
    My client insisted on having the same Layout: and when I looked through all the Events Calendar plugins I can find on the WordPress Repo, only your Plugin came close to that design.

    Now, there are 3 details that need to be adjusted, for me to get the exact Layout that my client is insistent on:

    1.) DAY AND MONTH
    Your Day and Month, is in the same position as the Layout that I was given. The difference is that your Day is arranged on top of the Month, while the Layout I was given, has the Day and Month arranged side by side ( inline ).

    Is there any way, that I can have the Day and Month arranged inline ? — I mean, arranged side by side, as we have it in my Layout ?

    2.) REGISTER BUTTON ON GRID CARDS
    My Layout has a “Register button” on the Grid cards. The reason is because my client feels that they want to reduce the stress for their users — of clicking the Event card, waiting for the Single Page to load, and scrolling down to find the Register section, before commencing with the Event Registration.

    To my client, that is too stressful for their users. They want the Grid cards to directly have a “Register” button — and if this is clicked, any of two things should happen:

    a.) It should do a jump straight to the Registration section of the Single Event Page,

    OR

    b.) It should go straight to an Event Registration Form that they have on the website.

    Either way, clicking on the Register button, should go straight to an Event Registration flow.

    How can I get this Register button, on the Grid cards ?

    3.) SIMPLE CALENDAR
    Your Calendar on the Page, is not looking nice: it contains too much details, as you can see here — https://prnt.sc/7SURUa1cm31U

    a.) The Previous and Next Texts, should be Navigation arrows.

    b.) The Days are too long: instead of “SUNDAY“, let it be short like “SUN” || and instead of Uppercase as “SUN“, let us be able to have it as lowercase “Sun“.

    Please, how can I make this happen ?

    c.) Your Calendar days are Vertical rectangles, instead of them being Horizontal rectangles.

    See an example from here (https://mec.webnus.net/calendarmonthly-view-modern-style) — where all the boxes are actually perfect squares.

    How can I adjust the width and height of the Day boxes, to make them perfect squares (https://mec.webnus.net/calendarmonthly-view-modern-style) or Horizontal squares ( https://prnt.sc/7SURUa1cm31U) ?

    Regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Md. Abdullah Al Mahim

    (@aamahin)

    11 months, 4 weeks ago

    Hello @pressonforlife

    Thanks for your message. You need to create your own theme with this design. Our plugin supports template override. So you can easily create a Custom theme based on your custom layout.

    Please check this doc: https://docs.mage-people.com/woocommerce-event-manager/how-to-create-new-theme-template/

    Best Regards

    Thread Starter Presson

    (@pressonforlife)

    11 months, 4 weeks ago

    Thank You very much for your reply.

    Now, your answer feels like it is helpful, but it is not.

    It is said that your plugin is “Elementor supported“, and with this plugin (JSM Show Post Meta — https://ww.wp.xz.cn/plugins/jsm-show-post-meta ), we can see Post metafields.

    My point is, every Post has Metafields, and Elementor has a beautiful way of fetching metafields from any Post Type, and displaying their value on the frontend.

    There’s too many videos online and on YouTube, where Elementor fetches data from fields of Advanced Custom Fields ( https://ww.wp.xz.cn/plugins/advanced-custom-fields ) and Pods ( https://ww.wp.xz.cn/plugins/pods ) and displays their value on the Frontend.

    Since your plugin is “Elementor supported”, I should be able to use Elementor to fetch the metafields of your plugin, without needing to build or create a Theme.

    The reason why I prefer this Elementor approach, is because I don’t know how to code PHP, and Elementor offers me a no-code approach.

    All that is needed, is for you to tell me what the names of your metafields are, and how I can fetch their values to the frontend, using Elementor Loop Builder.

    1b.) If you claim that your plugin is “Elementor supported“, you need to have shortcodes that can enable us create our own Custom Archive Page Layout, using Gutenberg Blocks, Elementor and any other Page Builder.

    There has to be Globally accessible Shortcodes for:

    — Event Title.
    — Event Featured Image.
    — Event Description.
    — Event Date.
    — Event venue/Location.
    — Event Time.
    — Event Registration button.

    If you have these Shortcodes as Globally accessible Shortcodes, which are not just accessible for the Single Events Page, but can also be accessible for Archive Page Layout, Elementor will be able to pull these Shortcodes, and display their values in the Frontend.

    And this will mean that we can be able to create our own Custom Archive Page Layout, using Elementor Loop Builder.

    Please, expand your Elementor support to include this power and this capability.

    2.) I don’t know how to code PHP: so, that your Template approach is a long thing, and a difficult road that I will not be able to travel on.

    But if you will offer me a Step-by-Step guide on how to do it, and probably offer me a Video tutorial on it, I can still attempt to implement this Template approach.

    Special Regards.

    Plugin Contributor Md. Abdullah Al Mahim

    (@aamahin)

    11 months, 3 weeks ago

    We don’t have any video tutorial for this, But the available hook lists are here

    https://docs.mage-people.com/woocommerce-event-manager/how-to-create-new-theme-template/

    Please check the documentation in the Available Filter & Hooks: section all the hook lists. You need to use them for the Custom Theme.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Some adjustments towards Custom Layout’ is closed to new replies.