Home Forums Themes Support Claue Fix Product Gallery At Window When Scrolling

Topic Resolution: Resolved
Viewing 7 reply threads
  • Author
    Posts
    • #34152

      HI Harry,

      Is there a quick way to fixate the gallery at the top of the page while scrolling? Similar to Amazon.de “https://www.amazon.de/dp/B07VWV4MM9/” (make screen small so the text will get displayed very long and then scroll)

      Or is this javascript and complicated?

       

      Thank you,

      Florian

      Attachments:
      You must be logged in to view attached files.
    • #34154

      Hi,

      Please copy file layout-1.php from claue > core > libraries > vendors > woocommerce > templates > extras > single to claue-child > woocommerce > extras > single

      and add class to line 59 “jas-sidebar-sticky”

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #34164

      Hi Harry,

       

      Thank you.

       

      Did it but it doesn’t get displayed properly: see here: https://www.fashionchingu.com/upstroke/kpop-fashion/itzy-fashion/black-one-piece-jumpsuit-chaeryeong-itzy/

      Also tried it without any additional CSS

      Login credentials same as previous mentioned.

       

      Thank you.

    • #34165

      Hi,

      I changed code it now ok.

      Regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #34342

      Hi Harry I got it that the main picture is now sticky and the gallery next to it as well. But the sticky part is set on the height of the main picture – so when the visitor scrools down and a picture has not the height as the gallery at the left side has, then, the gallery on the left side lays over the content below.

       

      Just ignore the errors in the screenshot – these are from elsewhere.

      Attachments:
      You must be logged in to view attached files.
    • #34348

      Hi Florian,

      Please copy file product-image.php from claue > core > libraries > vendors > woocommerce > templates > single-product to claue-child > woocommerce > single-product and remove code

      "adaptiveHeight":true,

      in line 46

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #34360

      Worked greatly.

       

      Now can we a quick CSS to vertically align the picture in the center?

      Thank you.

      Attachments:
      You must be logged in to view attached files.
    • #34363

      Hi,

      I’m sorry it auto get height base on product image height so can’t vertical image to middle.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 7 reply threads

You must be logged in to reply to this topic.