Dev Notes

This Dev Notes is private, so only shows when logged in as Admin. The private Demo Page is here.

Note: If user has not accepted cookies, then Google Ads and some PayPal elements do not display, so those urls need to be “required”.

TO DO:
  • Different favicon, icon and/or logo (microphone or calendar?)
  • Install WordPress at UrbanBands.com and put widget that displays data from livemusicevents.com. Major cities?
  • EVENT DATA: Remove all events and re-import a few organizers. Add Nashville North USA Events.
  • Done. Rename Listing Packages to Event Packages
  • Done. Disallow access to Widget Generator for logged out users.
  • Done. Configure Google, Facebook, Twitter and Linked-In logins and test.
  • Done. Revamp which sidebars should contain Cart and which items to show on Single Product pages (show prod categories etc).
  • Finish Website Services page (Create hosting packages etc. Artwork!)
  • Done. Fix footer links to search Milw & Chicago locations via url params
  • TODO: Ads for RGB World – Band Websites, Hosting etc…
  • TODO: Need Form for users to enter an Organizer ID and import the listings. Call Rest API?
  • Done. NEED A SIDEBAR layout on Tag and Category pages. Also needed on Single Product Detail page.
  • Done. Tags: Need Page content on: https://livemusicevents.com/music-event-tags/
  • TODO: Place an Ad block on Event Details pages.
  • TODO: Test Contact form
  • TODO: Test Signing up as a User via Checkout etc.
Questions:
  • Can paid listings be auto-approved?
  • How can user make existing event be a “Featured” listing?
  • Why don’t Locations (venues) have a Google Map? Only events do.
  • How does the Featured listing work?
    • After 30 days, does a featured listing become a standard (non-featured) listing? or does it disappear from all listings?
    • There should be a listing start date or checkbox to start listing the event 30 days prior to event date.
    • What happens to “Unlimited Free” event listings that last for say 30 days and the event is in 35 days? Does the listing go away after 30 days?
  • Do I prefer a Membership system (instead of pay-per-listing) where user account can place up-to XX events based on membership level?
Event Manager TO DO (in-process)
  • Partner with WP Event Manager. Submit requested info.
  • AJAX login on Event Submit page? $0 is Free? Free goes thru checkout? 2nd purchase of FREE package, etc..
  • Finish or disable checkout redirect & success message snippets depending on Event Manager update.
  • NOTE: Cannot choose package prior to entering event data because you have not yet been shown any existing “Paid” listing packages. Those cannot be shown until you have logged in. PERIOD!
  • Finish payment setup. Test Checkout after Event Manager update.
  • Add events shortcode to default Venue detail page to list upcoming events at that location.
    Fixed by adding the following shortcode to venues > content-single-event_venue.php (replace braces with square brackets).
    {events show_filters=false layout_type=list location=”<?php echo esc_attr($venue->post_title); ?>”}
  • Events on Search form not listed in ascending order.
A2 Hosting & EventBrite
  • A2 Hosting Review for nashvillenorthusa optimization.
  • Install A2 Plugins here at Live Music Events? Ask A2 support.
  • Partner with EventBrite to get better API access?
Completed Setup/Tasks
  • Removed “Organizers” from entire site.
  • Link social icons to LinkedIn, Twitter, Facebook, etc.
  • Google Ads need to be separated into Header and Footer ads. Header ads have size limit, others do not.
  • Ads need to be responsive in size for Mobile first!
  • Need plugin to rotate and track banners
  • CAPTCHA is on all pages. Why? Check multiple captcha configs.
  • Hide Sub Nav menu on Event Dashboard via CSS.
  • Hide/Change text of the Add to Cart button for FREE products.
ISSUES:
  • If there is an Error on Login page, the site displays WP Admin Login form instead of re-displaying the custom Login page.
  • The individual ORGANIZER page is not showing events on the “Upcoming Events” tab, yet the correct count shows in the “count” bubble in Organizer summary page. Organizers are now disabled, so need to check/fix on Venue pages instead.
  • Ad background in sidebar is shade of yellow prior to ad loading.
  • Mobile tweaks to CSS.
  • Header Ads have extra space on “Account” pages
  • ALWAYS GRID VIEW ON MOBILE? List view sucks on mobile.
  • Social icon centering issue exists on Search Results page and Shop, Individual Product, Categories, Checkout page (Icons shifted UP and footer content width too narrow).
  • Sidebar issues for Shop, Store, Product & Category Pages. See Sidebar Notes below.
  • Newsletter Settings Page/Template: https://livemusicevents.com/newsletter-settings/ could use a sidebar.
CSS Issues

The footer width issue is fixed by adding the following to:
/home/livemusi/public_html/wp-content/uploads/elementor/cssglobal.css

To fix footer width on User Account pages, edit css via ftp.
Files: /home/livemusi/public_html/wp-content/uploads/elementor/css/global.css and post-481.css

.elementor-section.elementor-section-boxed > .elementor-container {
max-width:98%;
margin: 0 auto;
}

Fixes these and other pages:
https://livemusicevents.com/shop/
https://livemusicevents.com/product-category/listing-packages/
https://livemusicevents.com/event-venue/story-hill-firehouse/
https://livemusicevents.com/new-live-music-events-website/ (Fixed: still has social icon centering issue)

THE PERMANENT FIX FOR FOOTER WIDTH

Changes to global.css get overwritten on Elementor updates.
The correct fix is to Add the Custom CSS to elementor rather than editing global.css file in uploads folder.

  1. Click Hamberger icon in Elementor (top-left corner).
  2. Click “Site Settings”
  3. Scroll down to “Custom CSS” and enter css there.
CSS TO DO
  • Google sidebar ad – remove white background on Ad widget (tags, categories, types, single-product pages).
  • Fixed. NOTE: Google footer ads were forcing the main content to be too wide. Per Docs, Google Ads will not resize when changing browser window size. Fixed by adding @media styles to AdRotate -> Google – LME Horiz Responsive ad
  • Fixed. Featured Listing blocks on Mobile to be 100% width.
  • Fixed. Need to tweak CSS for dynamic sidebar <ul> on Categories, Types, Tag and Single Product pages. Add faint separator lines and colored horiz rule. Copy styles from existing page.

Account Login Pages/Settings

Dynamic Log In/Log Out Link: Login  

Shortcodes – Replace braces with square brackets.
{login_logout_href} and {login_logout_label}

So the HTML code is:
<a href=”{login_logout_href}”>{login_logout_label}</a>

Which renders into the following HTML, and ultimately the hyperlink above.

Login Settings

Settings for user login, registration, forgotten-password are all over the place and create completely different pages depending on configuration.

I have opted to use “Themed” login/register pages instead of the customized (black) WP Login Pages.

WooCommerce settings are configured to use the “Dual” login/registration page.
Note: By default, there is no separate “Themed” Registration page. Only the dual login/register page.
I have created Separate Login / Registration pages, complete with Google reCAPTCHA and Social Logins!

The “Account Dashboard” page (permalink) is “my-account”.
My Account:  https://livemusicevents.com/my-account
When logged-out, the “my-account” link goes to Black WP Login Page. Need a redirect to send to “account-login”.

NO, it does not go to black Login screen (without WPS Hide Login plugin). It goes to the “Alternate” login screen that is NOT created via Snippet. It’s the child template: woocommerce > myaccount > form-login.php

When WPS Hide Login setting is “account-login”, the account-login url goes to black login (bad).
When WPS Hide Login setting is “my-account”, the account-login url goes to Custom login (good).

The separate Login page is: https://livemusicevents.com/account-login
The separate Registration page is: https://livemusicevents.com/account-registration
The forgotten Password page is: https://livemusicevents.com/my-account/lost-password

Separate login pages are created using Code Snippets which create 2 shortcodes (replace braces in examples below with square brackets):
LOGIN SHORTCUT: {wc_login_form} added to account-login page.
REGISTRATION SHORTCODE: {wc_registration_form} added to account-registration page.

Code Snippets

Login or Logout Menu Item

Login Page URL: https://livemusicevents.com/account-login
Login Redirect URL: https://livemusicevents.com/my-account
Logout Redirect URL: https://livemusicevents.com

WooCommerce > Accounts & Privacy:

– Allow customers to create an account during checkout
– Allow customers to create an account on the “My account” page.
ENABLED. When enabled, the Login screen contains both the Login form & the Registration form. When disabled, the login is a separate page (which I would prefer), but there is no separate “Registration” page by default, but I have created one as discussed here.

Event Manager > Pages

Login Page URL (setting): https://livemusicevents.com/my-account

Changing this setting between my-account and account-login does not seem to have any effect (without WPS Hide Login plugin). Need to verify it didn’t affect checkout login.

  • From a logged-out state, the “my-account” page redirects to the child template woocommerce > account > form-login.php as opossed to the custom LOGIN & REGISTRATION pages.
  • From a logged-in state, the “my-account” page goes to User Dashboard like normal.

Need a redirect from my-account to account-login when NOT logged-in. It would ensure that we always use the custom Login page.

Custom Login Page Customizer

Customizes default WordPress Login, Register and Forgotten password pages.

Customized WP Login/Register pages:
Note: These URLs return not-found if the WPS Hide Login plugin is installed – which it is not!
https://livemusicevents.com/wp-login.php
https://livemusicevents.com/wp-login.php?action=register
https://livemusicevents.com/wp-login.php?action=lostpassword

https://livemusicevents.com/account-login/
https://livemusicevents.com/account-login/?action=register
https://livemusicevents.com/account-login/?action=lostpassword

WPS Hide Login (removed)

The only advantage this pliugin offers is that when a user tries to access Login & Register pages via wp-login.php they are taken to a 404 Not Found page. So it hides the login url as it says.

This plugin was not cooperating with the Custom Login page, so I ultimately decided it’s not worth the trouble. Maybe I can use .htaccess to redirect from wp-login.php to somewhere else. It’s on the TO-DO list.

Login URL setting : https://livemusicevents.com/my-account

Submit Event Form

How to Edit fields?

Hide on-line events or not?

ERROR on User Edit Event page regarding banner image. Only happens with events imported from eventbrite.

This is the banner URL:

https://cdn.evbuc.com/images/493083349/1456664389333/1/original.20230414-202048?auto=format,compress&q=75&sharp=10&s=49ef3efda29070677e2eca60907a1fce

The error message displayed on the Edit Event page:

Redirects

When logged-out, the Submit Event and Submit Venue links are redirected to:
/account-login/?redirect_to=’ . $referrer

The redirection occurs in a Code Snippet -> Custom Login URL & Logout URL

The Submit Event and Submit Venue links are dynamically generated via {submit_event_url} and {submit_venue_url} shortcodes which are added via Code Snippets.

Live example (changes based on login state):
submit_event_url: [submit_event_url]
submit_venue_url: [submit_venue_url]

When logged OUT, the urls are:
https://livemusicevents.com/account-login/?redirect_to=submit-live-music-events
https://livemusicevents.com/account-login/?redirect_to=submit-live-music-venues

When logged in, the urls are:
https://livemusicevents.com/submit-live-music-events
https://livemusicevents.com/submit-live-music-venues

So, when creating links to pages that require a user to be logged-in, use the shortcodes. To create links to other logged-in-only pages, similar shortcodes need to be created. See Home page, Search page, Venues page and FAQ for dynamic link usage examples.

Submit Event – Footer Links

The Footer link for Submit an Event is created via the Footer Column 2 menu on the Appearance > Menus page. There are 2 menu items for Submit an Event. One is shown when logged-in, the other when logged-out.

Login Redirects

There is a Code Snippet named Custom WP Login Redirect that redirects after login to the redirect_to that is specified in the url. If redirect_to is not in the url, then the user is redirected to my-account (User Dashboard).

NOTE: If logging-in via Checkout, does not redirect so user stays on checkout page.

Example:
URL: https://livemusicevents.com/account-login/?redirect_to=submit-live-music-events
Redirects To: https://livemusicevents.com/submit-live-music-events

Sidebar Setup & Configuration Notes

The theme has 2 sidebars (left and right). I have configured to display 1 sidebar to the left of the main content, and 1 to the right.

By default, there is no way to display different sidebars on different pages. Putting anything in the Left Sidebar or Right Sidebar widget forces a sidebar to be displayed on “normal” pages and on the Checkout/Cart pages, but NOT on “Shop” pages. Shop pages (shop & categories) have a separate Shop Sidebar.

In order to display different sidebars on different pages, I use a plugin called “Sidebar Manager”. With this plugin enabled, custom sidebars can be created and used to REPLACE a sidebar.

Left Sidebar: Leave Empty!
Right Sidebar: Leave Empty!
Shop Sidebar: Leave Empty!

The “trick” that’s going on – is that the default sidebar’s are left EMPTY because they are going to be REPLACED with a custom sidebar which can be configured to display on specific pages.

Products & Paid Listings

Paid Listings displays products that are configured as an Event Package as shown here.

The FREE listing get a “View Details” button instead of “Add to Cart” button. The buttons and “FREE” text instead of $0 are configured via Snippets. Display $0 as FREE and Remove Related Products.