Jump to content

MateThemes

Members
  • Content Count

    61
  • 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

585 profile views
  1. Thank you for your help!!! This get me started to work out my gallery block!!!
  2. 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!
  3. Thank you very much for your help! This works like a charm!!!
  4. 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!
  5. 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!
  6. 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!
  7. 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!
  8. 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?!
  9. 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!
  10. 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!
  11. Thank you for your help!!! It is good that I can leave everything as it is!
  12. 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!
  13. Hello!!! Thank you very much for your help!!! It works now like a charm!
  14. Hello!!! Thank you for the share. This is what I need!!! What is the best way to get the fields in the template if you want to access them?
  15. As I described in short, I tried it with a custom settings page (with a blank template) under admin. But then no Fields were assigned. I tried it this way because I want to have a native feeling for the settings and the page should appear under the main navigation. Is there any detailed tutorial for my purpose? I didn't find any. I didn't know the module "settings factory" I will give it a try.
×
×
  • Create New...