Forum Replies Created
-
AuthorPosts
-
Hi Guenni007,
thank you for your immediate reply.
That works fine.Best regards,
VeraFebruary 18, 2024 at 10:50 am in reply to: Change layout of category archive to masonry style #1434636Hi Mike,
thanks for the information.
You can close this thread.Best regards,
VeraFebruary 13, 2024 at 4:14 pm in reply to: Change layout of category archive to masonry style #1434184Hi Ismael,
great! A big thank you. That works all fine.
One more question ;-) : at the portfolio grids you have implemented this subtle animation of a little “fading in”. Is this also possible for the masonry grid?
Best regards,
VeraFebruary 12, 2024 at 3:48 pm in reply to: Change layout of category archive to masonry style #1434090Hi Ismael,
okay, the look is now “masonry style” but:
1. on the archive page of each category all the projects are shown and not only the ones belonging to this category.
2. the sorting list with the the categories is shown (av-masonry-sort)
3. can I adjust the masonry style to the one I choose under “Projekte”?Best regards,
VeraHi Ismael,
the masonry of the portfolio pages are back again.
The archive pages still don’t show a masonry grid.
In the new archive code I see twice a line that starts with “$atts =array ( …”.
Maybe this produces a conflict?<?php if( ! defined( 'ABSPATH' ) ) { die(); } global $avia_config, $more; /* * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory. */ get_header(); $showheader = true; if( avia_get_option( 'frontpage' ) && $blogpage_id = avia_get_option( 'blogpage' ) ) { if( get_post_meta( $blogpage_id, 'header', true ) == 'no' ) { $showheader = false; } } if( $showheader ) { echo avia_title( array( 'title' => avia_which_archive() ) ); } do_action( 'ava_after_main_title' ); ?> <div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'> <div class='container template-blog '> <main class='content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper( array( 'context' => 'content', 'post_type' => 'post' ) );?>> <?php $tds = term_description(); if( $tds ) { echo "<div class='category-term-description'>{$tds}</div>"; } $avia_config['blog_style'] = apply_filters( 'avf_blog_style', avia_get_option( 'blog_style', 'multi-big' ), 'archive' ); if( $avia_config['blog_style'] == 'blog-grid' ) { global $posts; $post_ids = array(); foreach( $posts as $post ) { $post_ids[] = $post->ID; } if( ! empty( $post_ids ) ) { $atts = array( 'type' => 'grid', 'items' => get_option( 'posts_per_page' ), 'columns' => 3, 'class' => 'avia-builder-el-no-sibling', 'paginate' => 'yes', 'use_main_query_pagination' => 'yes', 'custom_query' => array( 'post__in' => $post_ids, 'post_type' => get_post_types() ) ); /** * @since 4.5.5 * @return array */ $atts = apply_filters( 'avf_post_slider_args', $atts, 'archive' ); $atts =array ( 'link' => array ( 0 => 'category', ), 'term_rel' => 'IN', 'wc_prod_visible' => '', 'wc_prod_hidden' => 'hide', 'wc_prod_featured' => '', 'prod_order_by' => '', 'prod_order' => '', 'date_filter' => '', 'date_filter_start' => '', 'date_filter_end' => '', 'date_filter_format' => 'yy/mm/dd', 'period_filter_unit_1' => '1', 'period_filter_unit_2' => 'year', 'page_element_filter' => '', 'sort' => 'yes', 'query_orderby' => 'date', 'query_order' => 'DESC', 'caption_elements' => 'title excerpt', 'caption_styling' => '', 'caption_display' => 'always', 'img_copyright' => '', 'size' => 'fixed masonry', 'orientation' => '', 'image_size' => 'masonry', 'gap' => '1px', 'columns' => 'flexible', 'av-desktop-columns' => '', 'av-medium-columns' => '', 'av-small-columns' => '', 'av-mini-columns' => '', 'items' => '12', 'paginate' => 'none', 'color' => '', 'custom_bg' => '', 'img_copyright_font' => '', 'av-desktop-font-img_copyright_font' => '', 'av-medium-font-img_copyright_font' => '', 'av-small-font-img_copyright_font' => '', 'av-mini-font-img_copyright_font' => '', 'img_copyright_color' => '', 'img_copyright_bg' => '', 'animation' => 'active', 'animation_duration' => '', 'animation_custom_bg_color' => '', 'animation_custom_bg_color_multi_list' => '', 'animation_z_index_curtain' => '100', 'overlay_fx' => 'active', 'img_scrset' => '', 'lazy_loading' => 'disabled', 'av-desktop-hide' => '', 'av-medium-hide' => '', 'av-small-hide' => '', 'av-mini-hide' => '', 'alb_description' => '', 'id' => '', 'custom_class' => '', 'template_class' => '', 'element_template' => '', 'one_element_template' => '', 'show_locked_options_fakeArg' => '', 'av_uid' => 'av-3lh7ch', 'sc_version' => '1.0', 'ids' => false, 'action' => false, 'post_type' => array ( 'post' => 'post', 'page' => 'page', 'attachment' => 'attachment', 'revision' => 'revision', 'nav_menu_item' => 'nav_menu_item', 'custom_css' => 'custom_css', 'customize_changeset' => 'customize_changeset', 'oembed_cache' => 'oembed_cache', 'user_request' => 'user_request', 'wp_block' => 'wp_block', 'wp_template' => 'wp_template', 'wp_template_part' => 'wp_template_part', 'wp_global_styles' => 'wp_global_styles', 'wp_navigation' => 'wp_navigation', 'acf-taxonomy' => 'acf-taxonomy', 'acf-post-type' => 'acf-post-type', 'acf-field-group' => 'acf-field-group', 'acf-field' => 'acf-field', 'product' => 'product', 'product_variation' => 'product_variation', 'shop_order' => 'shop_order', 'shop_order_refund' => 'shop_order_refund', 'shop_coupon' => 'shop_coupon', 'shop_order_placehold' => 'shop_order_placehold', 'alb_elements' => 'alb_elements', 'alb_custom_layout' => 'alb_custom_layout', 'rm_content_editor' => 'rm_content_editor', 'portfolio' => 'portfolio', 'avia_framework_post' => 'avia_framework_post', ), 'offset' => 0, 'container_links' => 'active', 'link_dest' => '', 'lightbox_text' => '', 'container_class' => 'av-masonry-entries', 'auto_ratio' => 1.7, 'set_breadcrumb' => true, 'custom_markup' => '', 'taxonomy' => 'category', 'categories' => array ( ), ); $blog = new avia_masonry($atts); $blog->get_element_styles(); $blog->query_entries(); echo '<div class="entry-content-wrapper">' . $blog->html() . '</div>'; } else { get_template_part( 'includes/loop', 'index' ); } } else { /* Run the loop to output the posts. * If you want to overload this in a child theme then include a file * called loop-index.php and that will be used instead. */ $more = 0; get_template_part( 'includes/loop', 'index' ); } ?> <!--end content--> </main> <?php //get the sidebar if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' ) { $avia_config['currently_viewing'] = 'archive'; } else { $avia_config['currently_viewing'] = 'blog'; } get_sidebar(); ?> </div><!--end container--> </div><!-- close default .container_wrap element --> <?php get_footer();
Best regards,
Vera-
This reply was modified 7 months ago by
Vera.
Hi Rikard,
great! Thank you very much.
Best regards,
VeraHi Ismael,
thank you for the code but somehow it doesn’t work.
The portfolio page with masonry grid isn’t showing anymore and the archive page doesn’t show masonry.
If you want to take a look I put the login below (the site isn’t yet online).Best regards,
VeraHi Rikard,
thank you for your reply.
Because the site is under construction you have to log in.Best regards,
VeraHi,
is it also possible to change the layout of category archive pages to “masonry”?
Best regards,
VeraHi Mike,
great, that works.
Again thank you very much for your support.
Best regards,
VeraHi Ismael,
this didn’t work.
But we leave it here. I convinced my client to keep the function as it is.Thank you for your help.
Best regards,
VeraJanuary 22, 2023 at 4:03 pm in reply to: Individual height of tab sections not active on mobile screen size #1394704Hi Mike,
yes!! It works on my side setting the time to 900 milliseconds.
You can see now how the domain adress jumps to the first section adding the ID of this section (#bilder) to the portfolio adress.Thank you!!
Best regards,
VeraHi Mike,
okay, I understand.
I edited the plugin code. It works fine!
Thanks a lot for your quick reply.
Best regards,
VeraHi,
with your plugin Special Character Translation I tried to replace the curly version of ‘&’ with the version of the font by using ###amp###.
But only the ‘###amp###’ appears in the headline.Best regards,
VeraHi Ismael,
thank you for your suggestion but this doesn’t work neither.
Do you have any more ideas? Otherwise I suggest “codeable” to the client if he wants to stick to his wish.
Thank you.Best regards,
VeraHi Ismael,
it works with your additional code for the functions.php file.
Only: now you can’t scroll down the page with/over the images of the slider. And because these images cover most of the surface on the mobile devices it seems that you can’t scroll the page at all.If somehow these modifications exceed your support I would like to engage your freelance department to have somebody take a close look.
On top somehow an old issue is back now in the tab section on mobile devices: the individual height of each tab section seems inaktive when you enter a page. Mike provided a code snippet which worked well but now (suddenly) it doesn’t. (#1377644)
Maybe I (according to the client’s wishes) have created too many issues.
Best regards,
VeraHi Ismael,
thank you for the proposal to have a look into the backend. You find the login details below.
The lightbox is still opening from out the sliders in the tab section on most of the iOS mobile devices.Best regards,
VeraHi Ismael,
sorry for bothering with this issue, but I don’t get it work. Neither with your updated code for SE.
Do you have any further idea?
The opening of the lightbox from an image is perfectly stopped on all mobile devices. Only the lightbox triggered from the slider images isn’t stopping.Best regards,
VeraHi Ismael,
thank you for your update.
I’m using an iPhone SE 2. generation. How do you calculate that?Best regards,
VeraHi Mike,
great, that works.
Thanks a lot for your support!
Best regards,
VeraHi Mike,
thanks for your reply.
On desktop it works fine. There the client wants to have the submenu stick to the bottom.
On mobile versions the submenu should follow after the tab section. And here you have to scroll now which wasn’t the case before changing the js in order to stop swiping the tab sections.
I achieved this with the code@media only screen and (max-width: 767px) { .untermenu { width:100%; position: relative !important; } }
So: the issue only affects mobile versions. Maybe I forgot to say that? Sorry if I lost the track a bit over the Christmas break.
Best regards,
VeraHi Mike,
thanks for your reply. It’s okay if the content is public.
I try to specify the issue (sorry for sometimes not being clear enough right away due to lack of the right words):
There is an element after the tab section (submenu KULTUR/BILDUNG) and you have to scroll down quiet a while to reach it because the height of the whole tab section area corresponds to the heigth of the content of the tab “TEXT”. In the backend you can choose “Automatische Anpassung an den Inhalt” which I did.With the new js-file from pastebin this seems to be not working anymore.
Best regards,
VeraHi,
this didn’t work right away but after adding some classes it works now for the intended screen sizes.
Only under iOs I don’t get it work.
Thanks for help.
Best regards,
VeraHi,
okay that stops the swiping.
The only thing: now the height of the whole tab section is not adaptable anymore. It corresponds to the highest tab.
Can you help me to adjust this?Best regards,
VeraHi,
I also want to stop the swiping from one tab section to another so that swiping only triggers the slideshow (on mobile).
I followed the steps above. On the iPad it stopped the tab-swiping but on the mobile phone the swiping from one tab section to another is still active.
Do I have to comment out the line that Ygit mentions above in reply #1336201? If so what number has the line?Thank’s for help.
Best regards,
VeraHi Mike,
yes for my part you can close it.
Best regards,
VeraHi Ismael,
okay, that matches my observation. Only strange that Lighthouse doesn’t recognize this. So giants (Google) aren’t without fail? ;-)
Best regards,
VeraHi Ismael,
thank you for your reply. Sorry for the image. Now I only managed to set a link to imgur but not to make the image visible in the text field. Can you tell me the right way to do so? I had the same problem with dropbox.
In the private content you find a link to the test version of the website.
Best regards,
VeraHi Mike,
great, that works.
Thank you very much!
Best regards,
VeraHi Mike,
your second point is what I’m aiming at. The search icon should only be available in the burger menu (because the site only uses the burger menu).
Best regards,
Vera -
This reply was modified 7 months ago by
-
AuthorPosts