Jump to content

MateThemes

Members
  • Content Count

    64
  • Joined

  • Last visited

Community Reputation

20 Excellent

1 Follower

About MateThemes

  • Rank
    Full Member

Contact Methods

  • Website URL
    https://mate-themes.com

Profile Information

  • Location
    Austria

Recent Profile Visitors

647 profile views
  1. This looks great and is really helpful! Thanks for sharing it!
  2. Hello! Thank you for your help, that gives me a starting point!
  3. Hello everyone! I am working with Processwire since some time. But some topics are quite hard for me. I have a Portfolio (Gallery) Page. I am build a template with Portfolio Index and pages with portfolio entries. Structure: Portfolio Index -- Portfolio Entry -- Portfolio Entry and so on. Portfolio Entry has an Image field with max 12 images and are accessible Templates. Now I want to display the single Portfolio Entry on the Portfolio Index and Paginate them. In the index page all images of a single Entry page should be displayed (I should not be organized as albums, where a random image of the portfolio entry should be displayed). I have no clue to achieve this. May someone could give me an advice. Thank you in advance!
  4. Thank you for your help!!! This get me started to work out my gallery block!!!
  5. Hello everyone! I have a markup and image field question: I have a markup in which a gallery preview should be displayed on home page. This gallery have a special markup, 3 of 4 images have special image ratio. The gallery looks like this. The html markup is like this: <div class="uk-section-muted" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-top-small; delay: 200;"> <div data-src="./assets/images/arrahof/home-restaurant-bg.svg" class="uk-background-norepeat uk-background-contain uk-background-top-center uk-section uk-section-large" uk-img> <div class="uk-container uk-container-small"> <div class="uk-margin-large" uk-grid> <div class="uk-width-1-1@m"> <h2 class="uk-text-center" uk-scrollspy-class>Das Angebot im ArraHof</h2> </div> </div> <div class="uk-grid-small uk-grid-margin-small" uk-grid> <div class="uk-width-expand@s"> <div class="uk-margin-remove-vertical uk-text-center" uk-scrollspy-class> <a class="el-container uk-inline-clip uk-transition-toggle uk-link-reset" href="#"> <img class="el-image" data-src="https://via.placeholder.com/610x604" data-sizes="(min-width: 610px) 610px" data-width="610" data-height="604" alt="Placeholder Image" uk-img> <div class="uk-overlay-default uk-transition-fade uk-position-cover"></div> <div class="uk-position-center uk-position-small"> <div class="uk-overlay uk-padding-large uk-transition-fade uk-margin-remove-first-child"> <h3 class="el-title uk-h4 uk-heading-divider uk-transition-slide-top-small uk-margin-top uk-margin-remove-bottom">Lorem Ipsum</h3> <div class="el-content uk-panel uk-transition-slide-bottom-small uk-margin-top">Comfort Food</div> </div> </div> </a> </div> </div> <div class="uk-width-expand@s"> <div class="uk-margin-remove-vertical uk-text-center" uk-scrollspy-class> <a class="el-container uk-inline-clip uk-transition-toggle uk-link-reset" href="#"> <img class="el-image" data-src="https://via.placeholder.com/610x604" data-sizes="(min-width: 610px) 610px" data-width="610" data-height="604" alt="Placeholder Image" uk-img> <div class="uk-overlay-default uk-transition-fade uk-position-cover"></div> <div class="uk-position-center uk-position-small"> <div class="uk-overlay uk-transition-fade uk-margin-remove-first-child"> <h3 class="el-title uk-h4 uk-heading-divider uk-transition-slide-top-small uk-margin-top uk-margin-remove-bottom">The Williams family</h3> <div class="el-content uk-panel uk-transition-slide-bottom-small uk-margin-top">Comfort Food</div> </div> </div> </a> </div> </div> </div> <div class="uk-grid-small uk-grid-margin-small" uk-grid uk-height-match="target: .uk-card; row: false"> <div class="uk-width-2-3@s"> <div class="uk-margin-remove-vertical uk-text-center" uk-scrollspy-class> <a class="el-container uk-inline-clip uk-transition-toggle uk-link-reset" href="#"> <img class="el-image" data-src="https://via.placeholder.com/610x400" data-width="610" data-height="400" alt="Placeholder Image" uk-img> <div class="uk-overlay-default uk-transition-fade uk-position-cover"></div> <div class="uk-position-center uk-position-small"> <div class="uk-overlay uk-transition-fade uk-margin-remove-first-child"> <h3 class="el-title uk-h4 uk-heading-divider uk-transition-slide-top-small uk-margin-top uk-margin-remove-bottom">The Williams family</h3> <div class="el-content uk-panel uk-transition-slide-bottom-small uk-margin-top">Comfort Food</div> </div> </div> </div> </a> </div> <div class="uk-width-expand@s"> <div class="uk-margin-remove-vertical uk-text-center" uk-scrollspy-class> <a class="el-container uk-inline-clip uk-transition-toggle uk-link-reset" href="#"> <img class="el-image" data-src="https://via.placeholder.com/610x820" data-sizes="(min-width: 610px) 610px" data-width="610" data-height="820" alt="Placeholder Image" uk-img> <div class="uk-overlay-default uk-transition-fade uk-position-cover"></div> <div class="uk-position-center uk-position-small"> <div class="uk-overlay uk-transition-fade uk-margin-remove-first-child"> <h3 class="el-title uk-h4 uk-heading-divider uk-transition-slide-top-small uk-margin-top uk-margin-remove-bottom">The Williams family</h3> <div class="el-content uk-panel uk-transition-slide-bottom-small uk-margin-top">Comfort Food</div> </div> </div> </div> </a> </div> </div> </div> <div class="uk-margin-large" uk-grid> <div class="uk-width-1-1@m"> <div class="uk-text-lead uk-width-xxlarge uk-margin-auto uk-text-center" uk-scrollspy-class>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</div> <div class="uk-margin-medium uk-text-center" uk-scrollspy-class> <a class="el-content uk-button uk-button-default uk-button-large" href="#">Unterkunft</a> </div> </div> </div> </div> </div> How can I achieve when I have an image field to add the custom markup within the image field? I have no clue to get this done. Thank you!
  6. Thank you very much for your help! This works like a charm!!!
  7. Hello community! I am quite new to PHP and I am still learning. So I run into following problem. I have a Table in a Repeater Matrix. This Table displays some menu items of a restaurant cart. I want to show 5 items and the other cart items should be visible only a button is clicked (Typical hide/show jquery topic, as far as I see.) Following markup I have in my RepeaterMatrix: <div id="tm-menu-marketing" class="uk-section-default" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-small-top; delay: 200;"> <div data-src="<?=urls()->templates?>/assets/images/home-menu-bg.svg" uk-img class="uk-background-norepeat uk-background-bottom-left uk-background-image@l uk-section uk-section-large"> <div class="uk-container"> <div class="uk-grid-large uk-grid-margin-large" uk-grid> <div class="uk-width-expand@m"> <div class="uk-text-small uk-margin uk-text-center" uk-scrollspy-class> <span class="uk-heading-divider"><?php echo $page->menu_table_time ?></span> </div> <h2 class="uk-text-center" uk-scrollspy-class><?php echo $page->menu_table_headline ?></h2> <ul class="uk-list uk-list-large uk-margin-large" uk-scrollspy-class> <?php foreach($page->menu_tables as $menu_table) { ?> <li class="el-item" uk-scrollspy-class> <div class="uk-child-width-auto uk-grid-small uk-flex-bottom" uk-grid> <div class="uk-width-expand"> <span class="el-title uk-display-block" uk-leader><?php echo $menu_table->_menu_name ?></span> </div> <div> <div class="el-meta uk-text-primary"><?php echo $menu_table->_menu_price ?></div> </div> </div> </li> <?php } ?> </ul> <div class="uk-margin uk-text-center" uk-scrollspy-class> <a id="loadMore" class="el-content uk-button uk-button-default uk-button-large" href="#">Komplette Speisekarte anzeigen</a> </div> </div> <div class="uk-width-expand@m"> <div class="uk-text-small uk-margin uk-text-center" uk-scrollspy-class> <span class="uk-heading-divider"><?php echo $page->menu_table_time_2 ?></span> </div> <h2 class="uk-text-center" uk-scrollspy-class><?php echo $page->menu_table_headline_2 ?></h2> <ul class="uk-list uk-list-large uk-margin-large" uk-scrollspy-class> <?php foreach($page->menu_tables_2 as $menu_table_2) { ?> <li class="el-item" uk-scrollspy-class> <div class="uk-child-width-auto uk-grid-small uk-flex-bottom" uk-grid> <div class="uk-width-expand"> <span class="el-title uk-display-block" uk-leader><?php echo $menu_table_2->_menu_name_2 ?></span> </div> <div> <div class="el-meta uk-text-primary"><?php echo $menu_table_2->_menu_price_2 ?></div> </div> </div> </li> <?php } ?> </ul> <div class="uk-margin uk-text-center" uk-scrollspy-class> <a class="el-content uk-button uk-button-default uk-button-large">Komplette Speisekarte anzeigen</a> </div> </div> </div> </div> </div> </div> Now my question. How can I count the Table items, if I have 5 items a uk-hidden class should be added to the li element and then I would like to run the hide/show script. $(function () { $("li").slice(0, 8).addClass('uk-hidden'); $("#loadMore").on('click', function (e) { e.preventDefault(); $("li:hidden").slice(0, 8).addClass('uk-hidden'); if ($("li:hidden").length == 0) { $("#load").fadeOut('slow'); } }); }); Does anyone have a clue? Thank you in advance!
  8. Hello! First: Thank you for this great profile!!! I have a question: where can I turn of comments displayed on the blog post page? I cannot find it in the _func.php! Thank you very much!
  9. Hello everyone! I use Ryan's site profile blog for my new website. Everything works great, but i am not able to change the url of the blog categories. Currently the url is root_url/categories. My client wants the url root_url/news/categories. If change the url in the tab url from /categories to news/categories Processwire change it to news-categories! How can I change that or can I change it in the php file too? Thanks for your help for a beginner!
  10. Yes! By the way I exported the site with the exporter tool. It is the same as on the mamp installation. I will check everything again. Maybe I didn't see something!
  11. Hello! Thank you for your answer. I checked both reasons but they are not the reason for the error. The crazy think is that it works great on my local mamp installation?!
  12. Hello everyone! I use ryans blog site profile to build my template around it. I use my mamp pro setup with php 7, mysql 5 and apache server. On my local setup the following code works fine: <?php foreach(page()->children as $category): ?> <a class='uk-link-reset' href='<?=$category->url?>'> <div class='uk-card uk-card-default uk-card-hover uk-card-body'> <h3 class='uk-card-title uk-margin-remove'><?=$category->title?></h3> <span class='uk-text-muted'><?=$category->numPosts(true)?></span> </div> </a> <?php endforeach; ?> It is the same code as ryan used it, only my css classes. On my live server with the same setup as mamp pro i got following error: Does anyone have the same error in this context? Thank you very much for your help!
  13. Hello! Are there any news on Padloper 2? (release date etc.) I am currently planning a theme marketplace and I want to realize this with Processwire and Padloper 2. Thanks!
  14. Thank you for your help!!! It is good that I can leave everything as it is!
  15. Hello everyone! I have webcam images, that are uploaded every 5 minutes to the server. Currently the webpage is written in plain html but we want to switch to processwire. The current file path is in the root -> cam/someimage.jpg. Now if i am installing processwire, processwire will be in the root and the images could be still in cam/someimages.jpg but how can I access this images on a page? Or does anyone have expiriences with such topics? Thank you in advance!
×
×
  • Create New...