Salons Directory Demo

[basantaux]

Gutenberg : https://demos.ayecode.io/kadence-salons-directory/ Elementor: https://demos.ayecode.io/elementor-salons-directory/

[basantaux]

@laranz please test both the demos when you have time. Please check in mobile device too for any possible layout break.

[laranz]

@basantaux

[Gutenberg]

• [x] On Header can we change "Submit Listing" to "Submit Your Saloon"? ( Your is optional )
• [x] Get Direction points to "Clifford, Kansas, USA" https://demos.ayecode.io/kadence-salons-directory/salons/united-states/pennsylvania/philadelphia/lombard-beauty-salon-copy/
• [x] https://demos.ayecode.io/kadence-salons-directory/salons/united-states/pennsylvania/philadelphia/lombard-beauty-salon-copy/ on the sidebar it said "Contact Restaurant" should it said "Contact Saloon"? Also if we click the contact form it said, "This form is currently undergoing maintenance. Please try again later. "
• [x] Can we move the claimed tick icon after the title of the saloon here? https://demos.ayecode.io/kadence-salons-directory/salons/category/barber-shop/united-states/pennsylvania/philadelphia/?sort_by=post_date_asc before for now the user may not understand what is the tick icon is. or we can add a word "Claimed" after the tick icon.
• [x] Change the login message "You must login to post." to " You must login to add your saloon to our listings." something like that. https://demos.ayecode.io/kadence-salons-directory/add-listing/?listing_type=gd_place
• [x] We have some empty spaces on Saloons archive page, on each archive item Screenshot: https://user-images.githubusercontent.com/208945/120638653-039db780-c48e-11eb-9be9-a409b650b448.png can we add some more meta into it? Perhaps the website and social links? or some excerpts from the "About"
• [x] Add some dummy reviews for the top listings, so that the first page of listings have reviews.
• [x] Add some other category https://demos.ayecode.io/kadence-salons-directory/blog/ other than uncategorized.
• [x] Author page not aligned properly on Desktop, Tablet and Mobile resolutions. https://demos.ayecode.io/kadence-salons-directory/author/uxnode/ also category page https://demos.ayecode.io/kadence-salons-directory/category/uncategorized/
• [x] [On iPad] https://user-images.githubusercontent.com/208945/120643096-5d54b080-c493-11eb-810a-0f83664e7d9e.png the header seems not aligned right.
• [x] [On iPad] the details page is not displaying correct. The tabs not aligning properly, and the content and the sidebar touches the edge of the screen. https://user-images.githubusercontent.com/208945/120643321-a442a600-c493-11eb-8dff-b6adc0362401.png
• [x] [On iPad] The featured image of the listings seems little offset to the top, and have some empty space on bottom. https://user-images.githubusercontent.com/208945/120643482-d81dcb80-c493-11eb-9fdf-ae2fc9a01314.png
• [x] [On iPhone] https://user-images.githubusercontent.com/208945/120643955-68f4a700-c494-11eb-88a0-e81dea589c98.png on details page, the Opens Now text is white and looks like hidden, and the tabs missed the style from the Desktop. In Desktop it has orange background when we choose, but here not like that, looks like our default tab styles.
• [x] Change to OSM Maps or enter Google API.
• [x] [iPhone] Social icons overlap when we click on "Business Hours" https://user-images.githubusercontent.com/208945/120929750-deb47900-c707-11eb-82dd-1fa3d7eebb82.png Happens on Desktop also, https://user-images.githubusercontent.com/208945/120930026-21c31c00-c709-11eb-8c21-8a613f385332.png
• [x] [iPhone] Content have no padding and touches the edge of the screen? and also when loading the "Profile" tab don't have a yellow background, but when we click it changes to yellow. https://user-images.githubusercontent.com/208945/120929807-23401480-c708-11eb-8bd7-4c02c73d6e3f.png
• [x] [iPhone] also [iPad] Category pages and Author pages of Blog not showing correct, https://demos.ayecode.io/kadence-salons-directory/category/uncategorized/ have no padding.

[laranz]

[Elementor]

• [x] Make the image clickable, link to the listing page. https://user-images.githubusercontent.com/208945/120930617-b0d13380-c70b-11eb-9404-084c55c3884c.png
• [x] Maybe add the word "Claimed" along with the tick icon? in the above screenshot.
• [x] Add few reviews, at least the listings that display on the homepage. For now, it says "No Reviews"
• [x] All "Get Directions" to the same URL https://demos.ayecode.io/elementor-salons-directory/salons/
• [x] Remove "Layout Switcher" if it is not gonna work on Elementor https://demos.ayecode.io/elementor-salons-directory/salons/
• [x] "Share Post" icons are left aligned? https://demos.ayecode.io/elementor-salons-directory/2021/03/30/where-does-it-come-from/ Make it right or center.
• [x] Missing "Author" and "Category" pages the style of blog page https://demos.ayecode.io/elementor-salons-directory/category/uncategorized/ and https://demos.ayecode.io/elementor-salons-directory/author/uxnode/ it should be like this? https://demos.ayecode.io/elementor-salons-directory/blog/
• [x] On Header can we change "Submit Listing" to "Submit Your Saloon"? ( Your is optional ) also Change the login message "You must login to post." to " You must login to add your saloon to our listings." something like that. ( This two we can implement on all the demos )
• [x] "Get Directions" printing same value just like other demos.
• [x] [On iPad] Home page is having no padding? https://user-images.githubusercontent.com/208945/121123123-4bcb2a00-c840-11eb-9469-e9139e08f9da.png also happened for Single listing pages https://user-images.githubusercontent.com/208945/121123818-7c5f9380-c841-11eb-96aa-8c4f1daaf773.png
• [x] https://demos.ayecode.io/elementor-salons-directory/salons/category/barber-shop/united-states/pennsylvania/philadelphia/ https://user-images.githubusercontent.com/208945/121124712-fd6b5a80-c842-11eb-9a6b-997036765c54.png it looks the "Get Direction" button is out of container, can we change the Grid 2 to Grid 1 on iPad resolutions?
• [x] [iPhone] Can we move the "Get Directorion" to the right side, https://demos.ayecode.io/elementor-salons-directory/salons/?sort_by=post_title_asc https://user-images.githubusercontent.com/208945/121126604-1295b880-c846-11eb-9ce2-0502f4f7a38d.png
• [x] [iPhone] Logos looks small. https://user-images.githubusercontent.com/208945/121128133-85a02e80-c848-11eb-9838-0fbe7612c844.png
• [x] [iPhone] Blog single page, https://user-images.githubusercontent.com/208945/121128449-095a1b00-c849-11eb-9768-e50160e9d2bb.png not display correct.

[basantaux]

@laranz these issue has been resolved

[pol76]

@basantaux On Elementor single blog post please remove the light grey borders in the title area and in the body: https://demos.ayecode.io/elementor-salons-directory/2021/03/30/where-does-it-come-from/

@Stiofan On the Kadence Single listing page, the tabs on mobile should be responsive like the Elementor template. Why is the CSS not firing?

Other than that I think these two are ready for release @Stiofan.

Thank you, guys!

[pol76]

p.s. I do like this one quite a lot, good work @basantaux

[pol76]

@basantaux I did a little more testing and found problems on mobile.

The detail page, on portrait mode, has problems with the favorites icon. Because of it, the hamburger icon of the menu cannot be clicked.

Also on landscape mode, several icons are misplaced.

Thanks for fixing those asap.