Page 1 of 3

Problems with Comments, Ratings, and New Icon

Posted: 06 Aug 2019, 05:39
by shibumi
Can't set rating on image, or submit comments (Comment button) on photos in category view thumbnails - Comment Icon will take to comment page.

Google Chrome Console shows this info when trying to comment or select rating...

Code: Select all

gallery:1160 Uncaught ReferenceError: Masonry is not defined
    at HTMLButtonElement.onclick (gallery:1160)
onclick @ gallery:1160
gallery:202 Uncaught TypeError: $(...).set is not a function
    at Object.onRequest (gallery:202)
    at Object.<anonymous> (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42)
    at Array.forEach (<anonymous>)
    at Function.forEach (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:5)
    at Array.each (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:9)
    at Object.fireEvent (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42)
    at Object.e.extend.$owner (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38)
    at Object.send (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:164)
    at Object.e.extend.$owner (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38)
    at Object.send (mootools-more.js?08e78000c0d5d35df43b74d62de76f84:248)
onRequest @ gallery:202
(anonymous) @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42
(anonymous) @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:5
each @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:9
fireEvent @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42
e.extend.$owner @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38
send @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:164
e.extend.$owner @ mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38
send @ mootools-more.js?08e78000c0d5d35df43b74d62de76f84:248
pgCommentImage @ gallery:240
onclick @ gallery:1160
gallery:259 Uncaught TypeError: $(...).set is not a function
    at Object.onRequest (gallery:259)
    at Object.<anonymous> (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42)
    at Array.forEach (<anonymous>)
    at Function.forEach (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:5)
    at Array.each (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:9)
    at Object.fireEvent (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:42)
    at Object.e.extend.$owner (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38)
    at Object.send (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:164)
    at Object.e.extend.$owner (mootools-core.js?08e78000c0d5d35df43b74d62de76f84:38)
    at Object.send (mootools-more.js?08e78000c0d5d35df43b74d62de76f84:248)
Also, the NEW icon is in the very top left corner of the site, not over the gallery images.

Using Joomla 3.9.10, RocketTheme Manticore (Gantry 5) template
PhocaGallery 4.3.18
PhocaCart 3.3.0
PHP 7.3

Re: Problems with Comments, Ratings, and New Icon

Posted: 06 Aug 2019, 13:40
by Jan
Hi, can you paste a screenshot to know which method of rating do you use?

Did you try to test it with some other Detail Window method?

Jan

Re: Problems with Comments, Ratings, and New Icon

Posted: 11 Aug 2019, 17:26
by shibumi
Hi Jan,

Sorry for the long time to reply... I thought I had it all worked out, but one issue I still have is when I click on the rating stars from the category view below the thumbnail image, it launches a modal popup window, and then redirects to a new page without any of my css styling... I had a look through the phoca gallery options trying to find where it sets the link to the ratings, based on what the inspector code showed me below:

Code: Select all

<a class="pg-modal-button" title="Rate Image" href="/folder/folder/detail/322-6dmkii-3943?tmpl=component" rel="{handler: 'iframe', size: {x: 820, y: 521}, overlayOpacity: 0.5}">
	<div>
		<ul class="star-rating-small">
			...rating star code here...
		</ul>
	</div>
</a>
Could not find anything related to the rating stars... screen shots attached.

First image is from the Category view - when I click on the stars to rate the image, it pops up a modal window (which I could not capture, redirect happens too fast)...
Image
* Also, how do I get rid of the top left box with the back arrow? I find it takes away from the thumbnail layout... rather just have the category links below the category title...

...and immediately redirects to the detail view page:
Image

It would be nice if they could just click on the rating stars and rate the picture right from there, instead of having to redirect to another page

Re: Problems with Comments, Ratings, and New Icon

Posted: 11 Aug 2019, 18:25
by shibumi
More info...

In Control Panel -> Options -> Detail View -> Detail Window - I have it set to Slimbox. I have tried a variety of different options, but this one seems to work the best so far...

if I remove the "handler: 'iframe', " from the rel="{...}" tag using Chrome DevTools, the popup does not redirect to a full page, but looks like this:
Image

when it should look like this?:
Image

I actually had to modify some css to get it to actually look like that - the popup window uses div id="sbox-window" with inline style setting the window width and height (which crops just below the image description text)

Re: Problems with Comments, Ratings, and New Icon

Posted: 12 Aug 2019, 11:29
by Jan
Hi, this seems like some javascript errros prevents from running the modals successfully on your page.

When you enable standard Javascript Popup Method (only to test), do you get the same problems?

Jan

Re: Problems with Comments, Ratings, and New Icon

Posted: 13 Aug 2019, 01:46
by shibumi
Hi Jan,

Okay, tried Standard Popup, and I get this (doesn't redirect to full page without CSS)

Image

I am slowly going through all the different Detail View popups, but it seems like from the thumbnails page, if I click on an image, I get a different popup that if I click on the rating stars, and goes to a new page if I click on comment...

Majority of the popup windows open incorrectly, with top half of image cut off, or open then go to a new page, or open directly to a new page...

Re: Problems with Comments, Ratings, and New Icon

Posted: 13 Aug 2019, 04:50
by shibumi
If I run with "No Popup" everything works and loads fine... just not popups

Oh, side note here... how do I get rid of the top left box with the back arrow in the category view?

Re: Problems with Comments, Ratings, and New Icon

Posted: 13 Aug 2019, 07:50
by Benno
Hi,
how do I get rid of the top left box with the back arrow in the category view?
backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Category View --> Category View Settings --> Display Back Button=No

Kind regards,
Benno

Re: Problems with Comments, Ratings, and New Icon

Posted: 13 Aug 2019, 13:06
by shibumi
I've turned it off, and it still displays the box with the arrow...

Re: Problems with Comments, Ratings, and New Icon

Posted: 13 Aug 2019, 13:25
by christine
Hi,

as above & > Display Categories View Back Button > No.
Kind regards
Christine