@arminunruh
Hii!
thanks:)

I ate a lot of tutorials and FINALLY managed to do something that worked.
I put here the magic link with all the explanation (short and simple by the way), maybe it is useful for someone til you install the shortcode tool on product page 💜

Have a nice day!

https://wplake.org/blog/woocommerce-product-page-template-with-acf-fields/

Hi!
I was wondering if it's possible to have a mouse cursor with custom alternative arrows (switching black and white, like for the fixed Previous/Next Buttons).
Thanks in advance, and have a great day,
Sofia

Hi @arminunruh

When you are on "À propos" page, the row of Mike's profile (with bio+image) is collapsed and you need to click on his name so that it expands.
So when you are on another page, like "Services" and you click on a link of "Mike", I want it to dedirect on "À propos" page directly on the expanded row of "Mike Kundaeli" profile.

But I don't know if it is possible?

Thanks for the answer and have a great week-end :))

@sofiapapa08 said in Submenu anchor not clickable when on another page + on mobile menu !:

jQuery(document).on( 'click', 'a[href^="#"]', function(e){
e.preventDefault();
var hash = jQuery(this).attr('href');
var el = jQuery(hash);
var top = el.offset().top;
jQuery('html, body').animate({
scrollTop: top
}, 300, 'swing',
function() {
window.location.hash = hash;
}
);
} );

Hi!
I solved the question 1 and 2 by removing some things in the custom head content, here is my new code

<script>
    
    window.laytheme.on('newpageshown', function(){
        var hash = window.location.hash; 
        var el = jQuery(hash);
        if(el.length > 0) {
            var top = el.offset().top;
            window.scroll(0, top);        
        }
    });
    
</script>

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    
  jQuery("body").append('<div class="pointer"></div>');
    jQuery("body").on("mousemove", function(e) {
	jQuery("nav.laynav .menu-item>a span").css({ top: e.clientY + "px", left: e.clientX + "px" });
	
});

  });
</script>

<script>
jQuery(document).ready(function(){
jQuery('li.menu-item a').addClass('scrollTo');
});
</script>

For the question 3 I am still open to suggestions or any help :)

Thanks have a great week-end!
Sofia

Hi,

Here is the website I am working on www.artefax.ch
I have a few issues with the system of anchor on my menu:

1. When on dekstop: if i am on on "main" menu (like "à propos") and i click on submenus ("association", "musique" or "ateliers") it works. BUT, when I am on another page, for example "actualités" and I want to go straight to another submenu (hover "à propos" and click on the submenu "musique"), it doesn't work.

2. On mobile menu, submenus and the menu that include submenus are not clickable at all. How can I manage it?

I followed the steps Armin explained on this http://laythemeforum.com:4567/topic/2863/link-to-anchor-from-another-page/5
In my custom head content, I have this script:

<script>
    
    jQuery(document).on( 'click', 'a[href^="#"]', function(e){
        e.preventDefault();
        var hash = jQuery(this).attr('href');
        var el = jQuery(hash);
        var top = el.offset().top;
        jQuery('html, body').animate({
            scrollTop: top
        }, 300, 'swing',
            function() {
                window.location.hash = hash;
            }
        );
    } );
    
    window.laytheme.on('newpageshown', function(){
        var hash = window.location.hash; 
        var el = jQuery(hash);
        if(el.length > 0) {
            var top = el.offset().top;
            window.scroll(0, top);        
        }
    });
    
</script>

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    
  jQuery("body").append('<div class="pointer"></div>');
    jQuery("body").on("mousemove", function(e) {
	jQuery("nav.laynav .menu-item>a span").css({ top: e.clientY + "px", left: e.clientX + "px" });
	
});

  });
</script>

<script>
jQuery(document).ready(function(){
jQuery('li.menu-item a').addClass('scrollTo');
});
</script>

3. Last question : I am here https://www.artefax.ch/services/, when I click on the link of Mike, I want to open automatically the anchor of Mike's profile in "à propos" menu > "musique" submenu > Mike Kundaeli anchor. Is it possible? Otherwise I'll create simple page for each profile. See image below.

A bit urgent cause I need to present the website on tuesday 😰 If someone could help me before that, would be incredible ❤️
Thanks a lot

Sofia

Hi!

I was wondering if it's possible, when you clic on an image in a row, it expands another collapsed row, as when it does with text.

Thanks
😘
Sofia

@arminunruh
Hii!
thanks:)

I ate a lot of tutorials and FINALLY managed to do something that worked.
I put here the magic link with all the explanation (short and simple by the way), maybe it is useful for someone til you install the shortcode tool on product page 💜

Have a nice day!

https://wplake.org/blog/woocommerce-product-page-template-with-acf-fields/

Hi @arminunruh!

Thanks for the answer
Okay! On the gridder on my products pages, the +more → +shortcode does not appear unfortunately (on the other page it does appear), but i think as you said it is because of the content filter. But would be so great and easier if there was this button shortcode! Do you think you could announce it when you'll do that?
Would be magic 🔮

Thanks a lot again,
Have a nice week
Sofia

Hi there,

Hope you are doing well.

I discover a really powerfull plugin, Advanced Custom Field (ACF), but I am struggling to make it work because needs either php code (in functions.php) or shortcodes to display the content in the front-end.
I've chosen shortcodes because easier, but i am wondering where can I add them on product pages. It seems that there is only "text box" (see image below).

Can someone help me? Either with shortcodes on product pages or even where to add my php line in the functions.php file? Looking like this:

<?php $icons = get_field( 'icons' ); ?>
<?php if ( $icons ) : ?>
<img src="<?php echo esc_url( $icons['url'] ); ?>" alt="<?php echo esc_attr( $icons['alt'] ); ?>" />
<?php endif; ?>

Thanks a lot, and have a nice day!
Sofia

Hi @arminunruh !
Thanks a lot for the answer :-)

Okay
I see that categories can have miniature images (instead of tags); maybe it would be great to add a function so that if you tick one categorie on the product page (on backend, see image attached), it appears with its image on the single page product (frontend, see image attached).
But I don't know if that is possible? I try anyway ::))

thanks again,
have a good afternoon,

Sofia

Hi again!

Hope you doing well.
I am struggling with something I want to do, i show you directly my reference cause it's exactly what I want to do: lenaturiste.ch/produit/a-la-source/ (also see 1rst screenshot).

Basically, on my single product pages, I would like to add pictograms like "this wine goes well with cheese, dessert, meat etc." AND that my customer can easily check what goes with which wine in the back-end when he add some new product, and that the categories "checked" in the back "lights up" in front-end.

I wonder if there is any simple (or not…) way to do this. Maybe it's a multiple selector thing with a js or php stuff that activate all the categories and then on each product page in the console, when they are checked, they are displayed. If all this is not possible, I suppose that I will need to add manually the images? (see last picture attached)

I put screenshots (2-3) of what it might be useful to understand me 🙃
Thanks a lot again,
Bye
Sofia

@arminunruh
Okay thanks :)
Looking forward 🤖
Have a nice week-end!