Single product page not functioning properly

This topic has 11 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Olga Barlow

  • Avatar: freerunner
    freerunner
    Participant
    January 6, 2022 at 03:17

    I am trying to make my Single product page look and act like this demo page: https://xstore.8theme.com/product/singoalla-short-dress/ However, I am having issues with the left and right content when the size of the page is changed, I am missing some of the breadcrumb information, and there is some overlap of content happening while scrolling to the next content area. Please watch the attached video in Private Content to fully understand the issues.

    Thank you.

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 6, 2022 at 15:55

    Hello,

    1) Theme Options > WooCommerce > Single product builder > Breadcrumbs https://prnt.sc/2699fhv

    2) We used the built-in template on the demo. But you use a Single product builder and it does not have the option to change the order of the blocks on the mobile. I changed that by additional customization. Check now.

    3) Provide us with FTP access. We’ll check the issue with the sticky columns on the desktop.

    Regards

    Avatar: freerunner
    freerunner
    Participant
    January 6, 2022 at 19:55

    Hi Olga,

    1) The “< Return to previous page" is now showing. Thank you. However, I noticed that the wrong Category is showing in the left side Breadcrumbs. Further information is available in the “Private Content Area”.
    2) The content is presented correctly on a mobile device now. Thank you. However, I am concerned with how the content is presented within a PC sized browser window as the size of the browser window changes. For example, when the internet browser is fully shrunk down, the left side content (i.e. product title, product short description) is still floating in front of or behind the product images (depending on the internet browser used) and the right side content (i.e. product variations, add to cart, etc) are not shown at all. Can you please address this?

    3) I have added FTP Access to the “Private Content Area”. Thanks

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 10, 2022 at 16:56

    Hello,

    1) Primary category displays only on the shop page, it does not affect the product breadcrumbs because we use the default WooCommerce function to display breadcrumbs.

    2) If you use sticky sections in the single product builder then the script calculates the height of the sections. So, after browser resize you need to refresh the page to allow the script to recalculate the height. It won’t work ok without page refresh.

    3) I passed problem to our developers. I’ll inform you once they fix the issue.

    Regards

    Avatar: freerunner
    freerunner
    Participant
    January 10, 2022 at 17:11

    Hi Olga,

    1) In that case, is there a way for me to choose which Product Category shows in the breadcrumbs?

    2) I guess I understand what you are saying. However, your single product page on your website (https://xstore.8theme.com/product/singoalla-short-dress/) can have the browser window shrunk down and the page elements go where they are supposed to without the page having to be recycled. Why is this? I would like my single product page to act like your demo site.

    3) Sounds good. Thank you.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 11, 2022 at 12:05

    Hello,

    1) Add the below code to child theme functions.php

    add_filter('woocommerce_breadcrumb_main_term', function($term, $terms) {
    	global $post;
    	$cat = etheme_get_custom_field('primary_category');
    		if(!empty($cat) && $cat != 'auto') {
    			return get_term_by( 'slug', $cat, 'product_cat' );				
    		}
    	return $term;
    }, 10, 2);

    2) Because we use a built-in layout https://prnt.sc/26cevnt instead of the single product builder and it works a little bit differently. In simple words, the built-in layout has only 1 sticky section and uses the different JS library, single product builder has the option to set multiple sticky columns with multiple sticky parent columns, and it does not support browser resize. So, if the built-in layout is suitable for you then you can use that instead of the single product builder. Let me know about this.

    Regards

    Avatar: freerunner
    freerunner
    Participant
    January 11, 2022 at 18:48

    Hi Olga,

    1) Please see my response in “Private Content Area”.

    2) Understood. It is better for me to use Single Product Builder for my customization, so I will continue to use that, and I will have to work within its limitations. Thanks for explaining.

    3) How is this coming along?

    Thank you for your time.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 12, 2022 at 12:21

    Hello,

    1) Nope, I see the correct category there https://prnt.sc/26crolk

    3) Our developers need some time to sort it out. I’ll inform you once they fix the issue.

    Regards

    Avatar: freerunner
    freerunner
    Participant
    January 25, 2022 at 03:03

    Hi Olga,

    3) Any update on this issue being resolved? I have been waiting since January 10th.

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 25, 2022 at 12:24

    Hello,

    Unfortunately, still nothing. Our developers tried to improve the library scripts but did not reach good results. Still looking for a solution.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 25, 2022 at 15:48

    Hello,

    Could you, please, check now?

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.