Problems with Comments, Ratings, and New Icon

Phoca Gallery - image gallery extension
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Problems with Comments, Ratings, and New Icon

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Problems with Comments, Ratings, and New Icon

Post 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
If you find Phoca extensions useful, please support the project
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Re: Problems with Comments, Ratings, and New Icon

Post 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
Last edited by shibumi on 11 Aug 2019, 18:43, edited 1 time in total.
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Re: Problems with Comments, Ratings, and New Icon

Post 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)
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Problems with Comments, Ratings, and New Icon

Post 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
If you find Phoca extensions useful, please support the project
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Re: Problems with Comments, Ratings, and New Icon

Post 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...
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Re: Problems with Comments, Ratings, and New Icon

Post 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?
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Problems with Comments, Ratings, and New Icon

Post 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
User avatar
shibumi
Phoca Enthusiast
Phoca Enthusiast
Posts: 97
Joined: 11 Sep 2016, 22:22

Re: Problems with Comments, Ratings, and New Icon

Post by shibumi »

I've turned it off, and it still displays the box with the arrow...
christine
Phoca Hero
Phoca Hero
Posts: 2724
Joined: 28 Nov 2010, 17:20

Re: Problems with Comments, Ratings, and New Icon

Post by christine »

Hi,

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