[snippet] AnythingRating

78 Posts

collst Reply #51, 16 years, 7 months ago

I have parent document with id 47. It collect all galleries inside.
I have document with id 49 inside document with id 47.
In id 49 I wrote:

[[AnythingRating? &define=`1` &atrGrp=`bride2` &nbStars=`5` &endDate=`unlimited`]]

[!MaxiGallery? &css=`assets/snippets/anythingRating/css/maxigallery.css` &pictureTpl=`pictureTpl_travel`  
&galleryOuterTpl=`galleryOuterTpl_travel` &galleryPictureTpl=`galleryPictureTpl_travel` &display=`normal`
&max_thumb_size=`150` &max_pic_size=`0` &thumb_use_dropshadow=`1` &disable_rightclick=`1`!]

But see nothing. Maxigallery is not shown.
Also I made 3 files galleryOuterTpl_travel.tpl.html

[+maxigallery.managebutton:isnot=``:then=`

<center>[+maxigallery.managebutton+]</center>

`+]

[+maxigallery.childgalleries:isnot=``:then=`
<div class="childscontainer">
<ul class="thumbs">
[+maxigallery.childgalleries+]
</ul>
</div>

`+]

[+maxigallery.pagenumbers:isnot=``:then=`

[+maxigallery.pagecount:isnot=`1`:then=`

<div class="pagenumbers">

[+maxigallery.currentpage:is=`1`:then=`

[+maxigallery.strings.previous+] |

`:else=`

<a href="[+maxigallery.previous_page_url+]">[+maxigallery.strings.previous+]</a> |
`+]

[+maxigallery.pagenumbers+]

[+maxigallery.currentpage:is=`[+maxigallery.pagecount+]`:then=`

[+maxigallery.strings.next+]

`:else=`

<a href="[+maxigallery.next_page_url+]">[+maxigallery.strings.next+]</a>

`+]

</div>
`+]
`+]

[+maxigallery.embedtype:is=`smoothgallery`:then=`
<div id="myGallery[+maxigallery.config.smoothgallery_id:isnot=`-1`:then=`[+maxigallery.config.smoothgallery_id+]`:else=`[+maxigallery.pageinfo.id+]`+]">
[+maxigallery.pictures+]
</div>
`+]

[+maxigallery.embedtype:isnot=`smoothgallery`:then=`
[+maxigallery.pictures:isnot=``:then=`
<div class="thumbscontainer">
<ul class="thumbs">
[+maxigallery.pictures+]
</ul>
</div>
[!AnythingRating? &getTopRated=`1` &atrGrp=`travel` &topNb=`3` &topTpl=`@FILE:assets/snippets/anythingRating/templates/anotherTopRated.tpl.html` &topTable=`maxigallery` &topDescrField=`descr` &topImageField=`filename` &topLinkField=`gal_id` &topLabel=`travel photographies`!]
[!AnythingRating? &getTopRated=`1` &topDir=`worst` &atrGrp=`travel` &topNb=`3` &topTpl=`@FILE:assets/snippets/anythingRating/templates/anotherTopRated.tpl.html` &topTable=`maxigallery` &topDescrField=`descr` &topImageField=`filename` &topLinkField=`gal_id` &topLabel=`travel photographies`!]
`+]
`+]

galleryPictureTpl_travel.tpl.html

[+maxigallery.embedtype:is=`smoothgallery`:then=` 
	<div class="imageElement">
	<h3>[+maxigallery.picture.title:htmlent+]</h3>
	<p>[+maxigallery.picture.descr:htmlent+]</p>
	<a href="[+maxigallery.picture_link_url+]" title="[+maxigallery.strings.click_to_zoom+]" class="open"></a>
	<img src="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" class="full" />
	<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" />
	</div>
`+]

[+maxigallery.embedtype:isnot=`smoothgallery`:then=`
 
<li>
[+maxigallery.embedtype:is=`slidebox`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox_[+maxigallery.path_to_gal+]gallery">

`+]

[+maxigallery.embedtype:is=`lightboxv2`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

`+]

[+maxigallery.embedtype:is=`slimbox`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

`+]

[+maxigallery.embedtype:is=`popup`:then=` 

	<a href="javascript:void(0);" onClick="javascript:openWindow('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]','[+maxigallery.picture.title:htmlent+]',[+maxigallery.picture_height_normal+],[+maxigallery.picture_width_normal+],'gallery');">

`+]

[+maxigallery.embedtype:is=`external`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="external">

`+]

[+maxigallery.embedtype:is=``:then=`
	
	<a href="[+maxigallery.picture_link_url+]">

`+]
	
	 	<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" title="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" alt="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" />
	
	</a>
	[+maxigallery.picture.title:isnot=``:then=`
		<p style="width: [+maxigallery.picture_width_thumb+]px;">
		[+maxigallery.picture.title:htmlent+]
		</p>
	`+][[AnythingRating? &atrGrp=`travel` &atrId=`[+maxigallery.picture.id+]`]]
</li>
`+]

pictureTpl_travel.tpl.html

[+maxigallery.config.display:is=`pictureview`:then=`
	[+maxigallery.managebutton:isnot=``:then=`

		<center>[+maxigallery.managebutton+]</center>
		<br />
	
	`+]
`+]

<div class="picturecontainer">

	<p class="navigation">
		[+maxigallery.counter:is=`1`:or:is=`0`:then=`

			[+maxigallery.strings.previous+] |

		`:else=`

			<a href="[+maxigallery.previous_pic_url+]">[+maxigallery.strings.previous+]</a> | 

		`+]

			<a href="[+maxigallery.index_url+]">[+maxigallery.strings.index+]</a> | 		

		[+maxigallery.counter:is=`[+maxigallery.total_pics_count+]`:then=`

			[+maxigallery.strings.next+]

		`:else=`

			<a href="[+maxigallery.next_pic_url+]">[+maxigallery.strings.next+]</a>

		`+]
	</p>

	<p class="picturecount">[+maxigallery.strings.picture+] [+maxigallery.counter+] / [+maxigallery.total_pics_count+]</p>

	[+maxigallery.total_pics_count:isnot=`0`:then=`
	
	<div class="picture">
	
	[+maxigallery.big_img_linkstyle:is=`slidebox`:then=` 

		<a href="[(base_url)][+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]" rel="lightbox" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

	`+]

	[+maxigallery.big_img_linkstyle:is=`lightboxv2`:then=` 

		<a href="[(base_url)][+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]" rel="lightbox" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

	`+]

	[+maxigallery.big_img_linkstyle:is=`slimbox`:then=` 

		<a href="[(base_url)][+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]" rel="lightbox" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

	`+]

	[+maxigallery.big_img_linkstyle:is=`popup`:then=` 

		<a href="javascript:void(0);" onClick="javascript:openWindow('[(base_url)][+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]','[+maxigallery.picture.title:htmlent+]',[+maxigallery.picture_height_big+],[+maxigallery.picture_width_big+],'gallery');" title="[+maxigallery.strings.click_to_open_original+]">

	`+]

	[+maxigallery.big_img_linkstyle:is=`external`:then=` 

		<a href="[(base_url)][+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]" rel="external" title="[+maxigallery.strings.click_to_open_original+]">

	`+]

	[+maxigallery.keep_bigimg:is=`0`:then=`

		<a href="[+maxigallery.index_url+]" title="[+maxigallery.strings.click_to_go_back+]">

	`+]

		<img src="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" class="imageview" alt="[+maxigallery.strings.date+] : [+maxigallery.picture.date+]" />

		</a>
		
	</div>
	
	`+]
	
	[+maxigallery.picture.title:isnot=``:then=`
		<p class="title">[+maxigallery.picture.title:htmlent+]</p>
	`+]
	[+maxigallery.picture.descr:isnot=``:then=`
		<p class="description">[+maxigallery.picture.descr:htmlent+]</p>
	`+]
<div id='photo_rating'>
<h2>Vote for this photography</h2>
[[AnythingRating? &atrGrp=`travel` &atrId=`[+maxigallery.picture.id+]`]]</div><div id='comment'>
{{jotMaxigalleryEN}}
</div>
</div>

and copy it to assets/snippets/anythingRating/templates/
maxigallery.css

ul.thumbs li {
	list-style:none;
	float:left;
	display:block;
	list-style-image: none;
	margin:auto 15px;
	height:250px;
	width:160px;
	text-align:center;
}
ul.thumbs li ul li{
  position:absolute;
  width:125px;
  display:inline;
  margin:0 auto;
}
ul.thumbs {
	list-style:none;
	margin:0;
	padding:0;
	clear: both;
}
ul.thumbs li img {
	border:none;
	margin:0 !important;
}
ul.thumbs li  a {
	background:none;
	text-decoration:none;
	border:0;
}
ul.thumbs li p {
	overflow:hidden;
	text-align:center;
	margin:0 auto;
}
.thumbs .clearboth { 
	clear:both; 
}
.childscontainer {
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
}
.thumbscontainer {
	width:100%;
	margin:0 auto;
  margin-bottom:20px;
}
.pagenumbers {
	margin-bottom:20px;
}
.picturecontainer {
	text-align:center;
}
.navigation, .picturecount {
	margin:0 auto;
	text-align:center;
	width:700px;
}
.navigation {
	font-size:14px;
	font-weight:bold;
}
.picturecontainer .title {
	font-weight:normal;
	font-size:1.5em;
	margin:20px auto 0;
	text-align:center;
	width:700px;
}
.picturecontainer .description {
	margin:10px auto 50px;
	font-size:1.2em;
	text-align:center;
	width:700px;
}
.picturecontainer .picture img {
	border:none;
	margin:0 !important;
}
.picturecontainer .picture a {
	background:none !important;
	text-decoration:none;
	border:0;
}
.managecontainer {
    float:left;
}
.managecontainer textarea {
	width:395px;
}
.managecontainer hr {
	width:400px;
	text-align:left;
	margin:20px auto 20px 0;
}
.pictureform .managepicture {
	float:left;
	clear:left;
}
.pictureform .shortfields {
	margin-left:20px;
	float:left;
}
.pictureform .clearboth {
	clear:both;
}
.uploadcounter {
	width:20px;
	margin-bottom:10px;
	float:left;
	clear:left;
}
.uploadfile {
	margin-bottom:10px;
	float:none;
}
.uploadfile input {
	width:385px;	
}
.uploadform {
	margin-top:20px;
	margin-bottom:-10px;
  clear:both;
}
.uploadform .clearboth {
	clear:both;
}
.slideshowwrapper {
	text-align:center;
}
.deleteform {
	float:left;
}
.synchform {
	float:left;
}
div .jot-list li{
  list-style:none;
}

And if I try to call

[!MaxiGallery?  &display=`embedded` &embedtype=`slidebox` &max_thumb_size=`150`  &thumb_use_dropshadow=`1` !]

Gallery appears (I need this page for registered users, who can upload their own images in galleries).

Then in document with id 47. I wrote

[!MaxiGallery?  &pics_per_row=`3` &max_thumb_size=`110`  &thumb_use_dropshadow=`1`&gal_query_ids=`49` &embedtype=`slidebox`!]

[!AnythingRating? &atrGrp=`bride2`&atrId=`49` !]

And see images from parents gallery and only one rating Link

1,717 Posts

coroico Reply #52, 16 years, 6 months ago

Have you read the anythingRating snippet calls done insite the maxigallery ? It seems that you have done a copy/past from the demo site without changing the parameters.

inside the maxigallery templates, adapt the anythingRating snippets calls. Use YOUR atrGrp parameter.

78 Posts

collst Reply #53, 16 years, 6 months ago

Could you give me working example of modified template of maxigallery? (source cod) In travel page good example, but i can’t repeat the same. Could you help to repeat the same with my gallery?

78 Posts

collst Reply #54, 16 years, 6 months ago

I modified all and particularly work fine, I have several questions.
How to enable slimbox, lightbox or another type?
I use [!MaxiGallery? &display=`embedded` &embedtype=`slimbox`
&max_thumb_size=`150` &max_pic_size=`0` &thumb_use_dropshadow=`1` &disable_rightclick=`1` !] But when you click you see the image without effects.
Also stars in firefox after voting working bad

78 Posts

collst Reply #55, 16 years, 6 months ago

How to show only one most rated photo? (call and placeholders). Thanks

94 Posts

wirkkalaj Reply #56, 16 years, 5 months ago

Does anybody know what has to be done in order to change the number of stars? I’ve put in the &nbStars=`10` parameter in my snippet callout, and I changed the anythingRating.css like wiki said, but it’s still saying 0/5 stars and nothing has changed.
Is there any other files that need to be changed?

<a href="http://www.themovietimeline.net">The Movie Timeline</a> | <a href="http://www.antstuff.net">The Antfarm Site</a>

77 Posts

Chris Reply #57, 15 years, 10 months ago

Is there a possibility to set a minimum count of votes for a document/item in order to show up in the toplist? That would be really nice. Of course I can filter it with PHx (e.g. [+atr.nbvotes:gt=`4`:then=.....+]) but this is not a good way because the toplist would not display continuous entries/ranks from 1st to 10th etc.

L.net Web Solutions
Professional webdesign and development with MODX and WordPress.

54 Posts

mmice Reply #58, 15 years, 9 months ago

Hi! Got a problem here: http://tclub.biz/bronzehat.tc
AnythingRating is called from the Jot-template chunk.
So, if Jot is called cashed, it’s okay, but if not, - you can see, it doesn’t work.

But i can’t call Jot cashed, otherwise it doesn’t work properly (
Can anybody help?

22 Posts

vanian Reply #59, 15 years, 8 months ago

Quote from: jonnybravo at Apr 28, 2010, 01:19 AM

Does anybody know what has to be done in order to change the number of stars? I’ve put in the &nbStars=`10` parameter in my snippet callout, and I changed the anythingRating.css like wiki said, but it’s still saying 0/5 stars and nothing has changed.
Is there any other files that need to be changed?

I just found that by changing the width here in the anythingRating.css file:

.star-rating{
  position:relative;
  width:125px;

...to this:

.star-rating{
  position:relative;
  width:250px;

...and adding the styling for the additional stars:

.star-rating a.stars6{
  width:60%;
  z-index:6;
}

...etc, you can get the 10 stars to show.

That’s as far as I’ve gotten; I’m not sure why doubling the width fixes this. There’s probably a better way.

vanian.com

2 Posts

grizlik1988 Reply #60, 14 years, 9 months ago

Hello!

Existing version of snippet doesn't work! There are many errors...

Can you upload working snippet?

Thx