Roych

Hello, first I'm sorry for my laaate reply to this, I was away from my PC and couldn't post anything. Have to say Im still stuck on this. @szabesz I tried your code above but it's not working as it should. It shows all item all the time, so if clicked on (show all) it shows multiple rows of all items (depends on number of categories). I'm posting a link to the preview here. The site is stil in developement, so don't bother with other stuff. http://gregor-design.com/wire/en/portfolio/ On Home you can see the working html and on portfolio page is the one Im trying to create. Thank you again for helping R

The page field would not be outputed on front end (only ) and is only used for shuffling between categories. If you look at my code above I bolded the code that should be changed for it to work. (at least from looking at the original html it should) The (data-filter='<?= $item->title ?>') and <div class="portfolio-item <?= $item->title ?> "> should somehow be connected, but with the category field, so Im not sure how to do that. ... The <h4><?= $single->title ?></h4> is only used to output the title of a single item nothing more (used by the default title field) Posting an image of what Im creating.

ok, here is my clean (hope so) code that I currently have but not working. Ok what I have done in detail. I have template (portfolio-list) with the above code. Each of the single item has the template (portfolio-detail) I created a page field with name category (Type=PageReference, Details=Multiple, Input -> AsmSelect, Parent of selectable page(s)=Kategorije(created hidden page with children), Selectable template= portfolio-detail, Allow new ... (field is added to portfolio detail template) That is all I have done, or do I need to have any additional templates for this ... Looking at the HTML on my first post it should work, or am I missing something. Not a coder and new to PW, also first time making this kind of sorting. Thank you R

Thank you I will try to keep it clean. I'm still lost on this one any help on how would be the best way to do this kind of sortable portfolio. I tried everything nothing sems to work. Thank you R

hello, thank you for helping. I tried your code and now the menu itself is working great, but gives no results, it tryes to shuflle but it gives empty page. So I think there is a problem with this here. <div class="portfolio-item {$item->category->title}<?php echo $single->category->title ?> "> I think by looking at HTML it should be the same as data-filter in menu but not working. Or maybe there is something wrong with my settings in the page field? Thank you R

Hello Im having some problems creating sortable portfolio I tried everything that I could think of, but as I'm not a coder this is just to much I guess. So as I said I'm making a simple sortable portfolio, where the portfoio items shuffle between categories on click. For categories I'm using pagefield so that for every item you can select or give a new category. (logo, graphics, photography, websites, etc.) The HTML code looks like this: <div class="container"> <div class="portfolio-content"> <div class="portfolio-filter-wrap text-center" > <ul class="portfolio-filter hover-style-one"> <li class="active"><a href="index.htm#" data-filter="*"> All</a></li> <li><a href="index.htm#" data-filter=".cat1">Graphic</a></li> <li><a href="index.htm#" data-filter=".cat2">Branding</a></li> <li><a href="index.htm#" data-filter=".cat3">Coding</a></li> <li><a href="index.htm#" data-filter=".cat4">Photography</a></li> <li><a href="index.htm#" data-filter=".cat5">Development</a></li> </ul> </div> <div class="portfolio portfolio-gutter portfolio-container portfolio-masonry portfolio-column-count-3"> <div class="portfolio-item cat1 cat3 "> <div class="portfolio-item-content"> <div class="hover-3"> <div class="overlay3"> <a href="single-details-two.html"><i class="fa fa-link"></i></a> </div> <img src="img/portfolio/3-column-gutter/1.jpg" alt=""> </div> </div> </div> <div class="portfolio-item cat1 cat2 "> <div class="portfolio-item-content"> <div class="hover-3"> <div class="overlay3"> <a href="img/portfolio/3-column/2.jpg" class="portfolio-gallery-set"><i class="fa fa-eye"></i></a> </div> <img src="img/portfolio/3-column/2.jpg" alt=""> </div> </div> </div> </div> <div class="pagination-area"> <div class="load-more text-center"> <a class="button-hover" href="index.htm#">View More <i class="fa fa-long-arrow-right"></i></a> </div> </div> </div> </div> Si I've tried with something like this. I can see the categories menu but it just wont work. <div class="container"> <div class="portfolio-content"> <div class="portfolio-filter-wrap text-center" > <ul class="portfolio-filter hover-style-one"> <li class="active"><a href="index.htm#" data-filter="*"> All</a></li> <li> <?php foreach($pages->find("parent=1034") as $item) { echo "<li><a href='index.htm#' data-filter='.{$item->select->category}'>$item->title</a></li>"; } ?> </li> </ul> </div> <div class="portfolio portfolio-gutter portfolio-style-3 portfolio-container portfolio-masonry portfolio-column-count-3"> <?php foreach ( $pages->find('template=portfolio-detail, sort=-created') as $single ):?> <div class="portfolio-item {$item->select->title}<?php echo $single->select->title ?> "> <div class="portfolio-item-content"> <div class="item-thumbnail"> <img src="<?=$single->images->first->url ?>" alt="<?= $single->images->description->first ?>"> </div> <div class="portfolio-description"> <div class="action-btns"> <a href="<?=$single->url?>"><i class="fa fa-eye"></i></a> </div> </div> </div> <div class="portfolio-bottom"> <h4><?=$single->title?></h4> <h6><?php foreach($single->category as $item) { echo "<li><a href='$item->url'>$item->title</a></li>";} ?> </h6> </div> </div> <? endforeach; ?> </div> <div class="pagination-area"> <div class="load-more text-center"> <a class="button-hover" href="index.htm#">View More <i class="fa fa-long-arrow-right"></i></a> </div> </div> </div> </div> So the template is called portfolio-detail and the pagefield name is category with parent ID of 1034. I hope u understand what I mean. Or is there any easier way to do that? Oh, the View More button is also the thing on how to do it, but not so important. Thank you very much. R

I know you are probably very busy but still. Any update on this maybe? Thank you R

Great, can't wait. Thank you R

Sure, what do you have in mind? R

Im using MarkupSimpleNavigation. I was hoping that there is some if-else possibility with my upper code, so when # is pasted then the link is disabled. Not a coder, that is why I asked here. Thank you R

It is for main menu and sometimes a link in main menu has to be redirected to external link or non clickable. Sometimes parrent menu has to be non clickable but childrens normal. So the code above is working great for internal and external redirecting (linking) all I need is the posibillity to make it non cliickable also, so maybe with # or something. So for that kind of page I would give it a redirect template and just enter the url or #. Don't have any screenshot of something similar Hope u understand ...

Thank you for answer, but not really sure how could this help me It's just sometimes the parent menu need's to be unclickable but not sure how to do that from my code above as I'm not a coder, so any help is appreciated. Thank you R

Hello I need some help with redirecting. I have create a template called (redirect) and AssistedURL field called (redirect_link) for redirecting a page if necessary. In template I've added: <?php if($page->redirect_link) $session->redirect($page->redirect_link); ?> redirect is working, but is it possible to create a link non clickable also, maybe with placing # for link? If I place # now it gives the whole link of the site with /# at the end and gives blank page. So placing (#) would disable a link totaly or something. Hope u understand what I mean Thank you R

bump R

Hello, Im having some problems making my menu to look like it should. I tried everithing, just can't figure it out. Any help is appreciated. Im using MarkupSimpleNavigation. My HTML looks like: <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="index.html"><span class="sr-only">(current)</span>Home</a> </li> <li class="nav-item dropdown drop_single "> <a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="javascript:void(0)">Pages</a> <ul class="dropdown-menu dd_first"> <li><a href="page-aboutus.html">About Us</a></li> <li><a href="page-team.html">Team</a></li> <li><a href="page-member-details.html">Profile</a></li> </ul> </li> </ul> I tried with: And many other combinations ... <?php $options = array( 'parent_class' => 'nav-link dropdown-toggle', 'current_class' => 'current', 'has_children_class' => 'nav-item dropdown drop_single', 'levels' => true, 'levels_prefix' => 'level-', 'max_levels' => null, 'firstlast' => false, 'collapsed' => false, 'show_root' => true, 'selector' => '', 'selector_field' => 'nav_selector', 'outer_tpl' => '<ul class="navbar-nav ml-auto">||</ul>', 'inner_tpl' => '<ul class="dropdown-menu dd_first">||</ul>', 'list_tpl' => '<li%s>||</li>', 'list_field_class' => '{nav-item dropdown drop_single}', 'item_tpl' => '<a href="{url}" class="nav-link dropdown-toggle"><span class="sr-only">(current)</span>{title}</a>', 'item_current_tpl' => '<a href="{url}"><span class="sr-only">(current)</span>{title}</a>', 'xtemplates' => '', 'xitem_tpl' => '<a href="{url}" class="nav-link"><span class="sr-only">(current)</span>{title}</a>', 'xitem_current_tpl' => '<span>{title}</span>', 'date_format' => 'Y/m/d', 'code_formatting' => false, 'debug' => false ); $treeMenu = $modules->get("MarkupSimpleNavigation"); // load the module echo $treeMenu->render($options); ?> But can't get it right, not sure where Im wrong here. Thank you very much R

Got it working It works perfect! Great way to create custom settings for the whole site. Thank you very much R

hello, thank you for answer, not sure what you mean by this ... I'we created a template (style.php) selected text/css in file tab and thicked the append and prepend file. What now, what to do with this template. Do I give it some fields for styles like background image, colors, etc or ... Not sure what to do with it. And how do I connect css to it. Not sure I understand completely. I'm new to PW. Thank you R

Hello, Im having some problem figuring how to do some custom settings for my site. I'd like to create settings page in my admin for changing some css and some images that are now fetched from css. Do I have to delete code from css and add it to template file like.. from this (css file): body{ background:#3d5e93 url(../img/background/1.jpg) no-repeat; } to this (template file): <style> body { background:<?=$page->bgcolor-field ?> url(<?=$page->bgimage-field ?>) no-repeat; } </style> or is there a way to do this the easyer way. Or maybe fetch this directly from css, or ...? How and where axactly do I put those custom fields for those settings. Hope u understand what I mean. Thank you R

Sorry forl late response. Exactly what I needed, working great Thank you very much Didn't know about "shuffle" R

Hello, need your help I have repeater with only one image field and I would like it to be fetched randomly. It is used for a background images on a site. my code: <?php foreach($pages->get('/settings/')->BackgroundImages->getRandom() as $bck): ?> <?php $bckgimage = $bck->bgimage->first(); ?> <li><img data-fade='2000' src="<?php echo $bckgimage->url; ?>" alt="" /></li> <?php endforeach; ?> But it's not working and couldn't find the right answer on a forum .. not sure how to do this Thank you R

Hello, I need some help with changing the URL for default language pages. I have two languages one is hidden at the moment for future use. Now I would like the default language URL to be only the site name and a page without /en how can I achieve that. I want my URL to be like www.mysite.com/jobs and not www.mysite.com/en/jobs. Now only the home page has the right URL all other have /en. ... I looked through the forum but no luck so far. Thank you R Ok, I got it, I just had to delete the EN in my homepage setting and now it is working, I found it on a forum. Thank you anyway

Hello, I'm having this z-index problem within repeater any ideas how to solve this? I searched the forum but no luck. Outside repeater it works fine! Thank you R

Just found out what is causing it, it's the SounCloudembed Formater. the field only works if the SoundCloud link is present, if you don't enter the SC link but only normal text, then the field is not showing Up. I need this working because sometimes there will be SC embedded and sometimes not. Would be nice if this was all in one Wysiwyg field Any idea how to fix that, maybe. Thank you R

Hello, I'm having some weird problem with textarea(ckeditor) field on my new site that I'm working on. The field is showing only on one template and won't show up on any other. All other fields are working fine. Never had this problem before. Any ideas? Thank you, R

Hello, sorry for late response. I'm using the "ProcessWire 3.0.62 © 2017" and "TextformatterSoundcloudEmbed 1.0.0" from HERE I've gone through the fix's and manage to install the module but somehow it just show's me the link and it's not creating a widget. I'm using ckEditor with added textformater "SoundCloud Embed". The field is in a repeater maybe this is the problem? Or Am I missing something? Thank you R P.S.: I tried it out of repeater and it seems to work. Any idea how to use it in a repeater?