Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Breadcrumbs menu

08 Jun 2020, 21:46

Hi, do you have any idea
How to insert breadcrubs menu at the top and bottom of the gallery
to make navigation easy in case of multi-level galleries structure?
Which code is responsible for this?
Do i need access to any config files to do this?
(Using X3.28.0 hosted version of the x3, so no access to config)
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Breadcrumbs menu

08 Jun 2020, 23:16

AYAPOV wrote:Hi, do you have any idea
How to insert breadcrubs menu at the top and bottom of the gallery
to make navigation easy in case of multi-level galleries structure?
Hi Valery. There is currently no such feature in X3. Breadcrumbs has been requested earlier, so I will add it to my list and look into it in a new release. Thanks!
AYAPOV wrote:Do i need access to any config files to do this?
(Using X3.28.0 hosted version of the x3, so no access to config)
All X3 configuration options are available in the X3 panel. There is no "config".
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

08 Jun 2020, 23:24

Thanks Karl, awaiting for new release! 
Breadcrmbs involves viewer deeper into content
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

10 Jun 2020, 04:54

Is it possible to insert " < Go back 1 level" link while awaiting for Breadcrumbs implementation?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Breadcrumbs menu

11 Jun 2020, 00:22

AYAPOV wrote: Is it possible to insert " < Go back 1 level" link while awaiting for Breadcrumbs implementation?
It would not be too difficult to add to a single page with some basic HTML. If you want it for ALL pages, I could always create a quick Javascript solution for you. Keep in mind, it would then add the button to all pages (except home page).
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

15 Jun 2020, 00:12

mjau-mjau wrote:
AYAPOV wrote: Is it possible to insert " < Go back 1 level" link while awaiting for Breadcrumbs implementation?
It would not be too difficult to add to a single page with some basic HTML. If you want it for ALL pages, I could always create a quick Javascript solution for you. Keep in mind, it would then add the button to all pages (except home page).
Yes, please
Tried to insert <a href="../">Go back</a> into custom page content section. 
But if it is possible to implement the Java code it would be pleasure for shure.
My hosted site is valeryayapov.com
All pages at the top and at the bottom of the galleries if possible.
Its real pain for users on mobile divices to navigate witout breadcrumbs chain or back button
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Breadcrumbs menu

15 Jun 2020, 00:56

Ok. I'm gonna need a bit more info though. For example on this page /portrait/, where exactly do you want the button(s)? If I am going to create them programmatically, I need to attach them to an existing element on page, for all pages.

Personally, I don't see the huge problem with mobile. It's quite normal for mobile having to always open the menu to navigate a website. But yes, there can always be improvements. I'm sure that you will be happy to learn that next X3 release will have "page navigation" enabled for mobile devices (at bottom of page), making it easier to navigate to previous / next gallery. Screenshot:
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

15 Jun 2020, 02:19

mjau-mjau:

Ok. I'm gonna need a bit more info though. For example on this page /portrait/, where exactly do you want the button(s)? If I am going to create them programmatically, I need to attach them to an existing element on page, for all pages.
Something like this:
(centered simple text button for convinience and balanced design)
Portfolio / Portrait
https://www.valeryayapov.com/portrait
<center markdown=1><a href="../">Portfolio</a> / Portrait</center>

Portfolio / Portrait / EBRD
https://www.valeryayapov.com/portrait/ebrd/
<center markdown=1><a href="https://www.valeryayapov.com/">Portfolio</a> / <a href="../">Portrait</a> /   EBRD</center>

Portfolio / Portrait / EBRD / Flea markets
https://www.valeryayapov.com/portrait/e ... Baraholka/
<center markdown=1><a href="https://www.valeryayapov.com/">Portfolio</a> / <a href="https://www.valeryayapov.com/portrait/">Portrait</a> / <a href="../">EBRD</a> / Flea markets</center>
Last edited by AYAPOV on 15 Jun 2020, 03:01, edited 2 times in total.
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

15 Jun 2020, 02:50

I'm sure that you will be happy to learn that next X3 release will have "page navigation" enabled for mobile devices (at bottom of page), making it easier to navigate to previous / next gallery.
Yes, the photo gallery project is amazing and far beyond expectations.
Navigation is good news definitely!

What i personaly miss while filling my own gallery - is luck of those complex Gallery in Gallery in Gallery menu breadcrumbs.
Probably I am asking too much - but to involve professional corporate customers I need more structured menue tools.
Published nearly 10% of my portfolio by the day and stuck with customers who complain that menu is not convinient.
So my goal is to make my photography customers happy - they accept clean look and adoptable design, which is Very strong side of PG engine.
You are right, there is always room for improvement. Especially for professional photography market - which is very demanding dese days. So thats why those wix, etc driven cms are not acceptable for high end market.

Here is my version of the Main Page Menu Look which I need badly to represent my poertfolio which is huge and not easy to structure
Menue block insert at the top and bottom whithout right-menu for mobile version, or whith some kind of config to turn right side menu on/off even for desktop/laptop/ipad:
Image
Last edited by AYAPOV on 15 Jun 2020, 03:44, edited 4 times in total.
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

15 Jun 2020, 02:59

mjau-mjau wrote:
Personally, I don't see the huge problem with mobile. It's quite normal for mobile having to always open the menu to navigate a website. 
Navigation is ok with 2 level gallery (Main Page/Gallery) the problem starts with multi-level galleries.
Consider that 80% visitors are smartphone - it is not possible to navigate back and forth using mobile expandable menu.

And while hidden mobile menu is ok with Main page, users are lasy these days and I want to show them full menu list without any activity from user side at the top and at the bottom of the Main Page.

And contemporary users are ok with algorithm/engineer kind of layout for navigation - we are talking about generation using such menus right from the childhood
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

15 Jun 2020, 03:47

You can use my gallery as a test drive platform freely, for breadcrumbs and other navigation experiments.

PS
I have a ton of VR360 content, going to uload it with your 360 plugin after navigation improvements,
another gallery adds another layer of complexity for users
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Breadcrumbs menu

16 Jun 2020, 00:42

Valery. Thanks for all the info! I would have to let you know, the intermediate solution I am willing to integrate for you would be a simple "back" button. I can't make a custom breadcrumbs javascript without planning properly and adding proper settings, because this is a module that needs very detailed planning in terms of design.
AYAPOV wrote: Something like this:
(centered simple text button for convinience and balanced design)
Portfolio / Portrait
https://www.valeryayapov.com/portrait
<center markdown=1><a href="../">Portfolio</a> / Portrait</center>

Portfolio / Portrait / EBRD
https://www.valeryayapov.com/portrait/ebrd/
<center markdown=1><a href="https://www.valeryayapov.com/">Portfolio</a> / <a href="../">Portrait</a> /   EBRD</center>

Portfolio / Portrait / EBRD / Flea markets
https://www.valeryayapov.com/portrait/e ... Baraholka/
<center markdown=1><a href="https://www.valeryayapov.com/">Portfolio</a> / <a href="https://www.valeryayapov.com/portrait/">Portrait</a> / <a href="../">EBRD</a> / Flea markets</center>
This is basically BREADCRUMBS. I will look into this for a future X3 release, but it's not a small task because of the design. For example, breadcrumbs on mobile ... They will wrap onto multiple lines, and could take too much of the screen. Your above examples simply show how universal breadcrumbs normally work. Also, we need to find appropriate locations to place breadcrumbs (on all screen sizes, across all X3 layouts) so that they don't interfere much with content browsing (which needs to be the focus).

Also, my question wasn't specifically how you wanted them to work, but WHERE you wanted the back links I proposed. I need to attach them somewhere, based on some pattern.
AYAPOV wrote:Yes, the photo gallery project is amazing and far beyond expectations.
Navigation is good news definitely!

What i personaly miss while filling my own gallery - is luck of those complex Gallery in Gallery in Gallery menu breadcrumbs.
Probably I am asking too much - but to involve professional corporate customers I need more structured menue tools.
Published nearly 10% of my portfolio by the day and stuck with customers who complain that menu is not convinient.
So my goal is to make my photography customers happy - they accept clean look and adoptable design, which is Very strong side of PG engine.
You are right, there is always room for improvement. Especially for professional photography market - which is very demanding dese days. So thats why those wix, etc driven cms are not acceptable for high end market.
Yes, there is room for improvement. Although, as a gallery developer for 15 years, I don't see it as critical as you make it out to be. There is already a BACK button in all browsers, also on mobile ... This is by far the most effective way to navigate BACK in ALL devices (desktop and mobile). Furthermore, the mobile menu button in X3 is large and in fixed position, easy to access at all times, and displays a swift expandable menu. Although one can compliment with more options, for example breadcrumbs, there is no "magic" that will make this much easier on mobile. To the people who have been reporting to you, do you/they have any actual "website" examples of much-improved menu navigation for mobile devices? It's quite normal for mobile users to navigate X3 like any other websites they visit (including gallery websites), so surely they must be somewhat used to the limitations of their own device. Even if I open a dedicated app like "photos" on iPhone, it will show a "back" button (nothin more), and that is already implemented in the browser.
AYAPOV wrote:Here is my version of the Main Page Menu Look which I need badly to represent my poertfolio which is huge and not easy to structure
Menue block insert at the top and bottom whithout right-menu for mobile version, or whith some kind of config to turn right side menu on/off even for desktop/laptop/ipad:
Unfortunately, that image does not exist.
https://4.downloader.disk.yandex.ru/pre ... =3330x1909
AYAPOV wrote:Navigation is ok with 2 level gallery (Main Page/Gallery) the problem starts with multi-level galleries.
Consider that 80% visitors are smartphone - it is not possible to navigate back and forth using mobile expandable menu.
There is a "back" button in browser of course, and yes we could also add a "back" button on the page. However, what do you mean "back and forth"? There is a "forth" button in browser, but that only applies if you already navigated "back" at least once. For me (and a lot of other visitors), instead of navigating "back" and then scroll to locate another gallery, I would much rather just open the menu and click next gallery. It's much shorter.
AYAPOV wrote:And while hidden mobile menu is ok with Main page, users are lasy these days and I want to show them full menu list without any activity from user side at the top and at the bottom of the Main Page.
Must admit, I don't quite see your point. How can we show "full menu list without activity from user"? 1. It's clearly not an option to display the FULL menu tree directly on page, as it would be massive. 2. Even if we did, user would have to scroll to find it at top or bottom of page. 3. If user has to scroll or click to find menu items, then how is that faster than the already-accessible mobile menu anyway? It is always available on screen, doesn't require scroll, and on instant click, it displays the full menu tree, toggled open exactly as the visitor left it.

Just to clarify: I would be happy to add a "back" button for you for now, but I need to know where you want it located on the page. Next X3 release coming very soon will have buttons at bottom of screen to allow navigation between SIBLING pages (next and previous page in same category). Breadcrumbs, likely in a future X3 release ... However, it seems you speak of some solution that would make things so much easier. Maybe you have links to some other websites?
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

16 Jun 2020, 08:37

mjau-mjau wrote:AYAPOV:
Here is my version of the Main Page Menu Look which I need badly to represent my poertfolio which is huge and not easy to structure
Menue block insert at the top and bottom whithout right-menu for mobile version, or whith some kind of config to turn right side menu on/off even for desktop/laptop/ipad:

Unfortunately, that image does not exist.
https://4.downloader.disk.yandex.ru/pre ... =3330x1909
Hi, try this link please: 
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

16 Jun 2020, 09:15

Breadcrumbs, likely in a future X3 release ... However, it seems you speak of some solution that would make things so much easier. Maybe you have links to some other websites?
Yes, if you remember old school coppermine photo gallery project. I was using it extensively more than 10 years. 
While CPG design itself was (and is) awkward, my clients from 15 years ago do about 7 million views gross with the old engine.
Probably (and i am not very shure) the sucsess was partly due to Category/Gallery/Subgallery idea: https://coppermine-gallery.net/demo/cpg ... hp?album=2

What I mean and need as photographer?
1. As photographer I do not want any "design" exept clean white page with photos and navigation - thats where x3 project hands down - the best.
2. Photo Gallery engine function is to provide "frame" and "paspartu" for photos - separating the Picture from house room or exhibition space background (the same like high-end offline gallery layout idea - this is the best solution - to digitize offline gallery space ideas)
3. What else to whish? My main idea is to treat the gallery's cms as fully self-containing APPLICATION. My opinion - it is not the best solution to rely on those "back" & "forth" buttons - which is sometimes implemented very uncomfortable in mobile browsers - different browsers, different knobs location and sizes ets.
4. And main point: Breadcrumbs allows user to navigate comfortably. This is just navigation, and probably user should add some intellect to press hidden menu knob on her smartfone... But we want more views and want user to spent maximum time on the website clicking between categories and subgalleries. The best idea source of course not good old CPG. But the best porn galleries on the web. Not posting here, probably they use some high-end or self-written solutions - but many of them are masterpieces of what gallery should function like. Ton of categories and sub galleries and multitude of search and categorising options.

Probably the solution is Category Menu for mobile users at the top and at the bottom of main and other pages with Current Position Highlighted 
(HOME highlighted in this particular case, which i photoshopped above and which was implemented by cpg). 

The solution which makes easier for user to navigate and gallery becomes more «sticky» allow user to switch categories freely from any point from any photo or sub-gallery to another category (on/off in admin panel of course - if photographer publish simple portfolio of dosen photos and happy).

Writing this to clearify my thoughts - as photographer I was waiting many years for simple clean and robust gallery. And again - writing this becose x3 has really great potential indeed. Almost there actually))
 
User avatar
AYAPOV
Topic Author
Posts: 23
Joined: 16 Apr 2020, 02:06

Re: Breadcrumbs menu

16 Jun 2020, 09:21

Also, my question wasn't specifically how you wanted them to work, but WHERE you wanted the back links I proposed. I need to attach them somewhere, based on some pattern.
Oh, probably under Description and before Content sections will do the trick:
Title * recommended
Menu Label * optional
Description * recommended

https://www.valeryayapov.com/portrait/e ... Baraholka/

and then at the bottom, right after gallery thumbnails is ok

PS. This forum is another great example of breadcrubs with "sticky header" at the top (another option to have for gallery breadcrumbs - it consumes some real estate in case of mobile phone screen - inspite of resolution is amasing on the most contemporary devices)