Okay
  Public Ticket #2496136
thumbnail shifting
Closed

Comments

  • kirstenbraddock started the conversation

    How can I get the thumbnails from shifting on the page? When you first come to the page they shift. When I refresh the page, they all line up perfectly. Any ideas on how to fix?

  •  869
    Neuron replied

    Hi,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    Feel free to ask for anything you need.

    Kind Regards


  •   kirstenbraddock replied privately
  •   kirstenbraddock replied privately
  • kirstenbraddock replied

    Nevermind. I thought that the issue had been fixed, but it is still happening (the thumbnails shifting). Anything you can do to help me?

    Also, the "show more" button is not shown on the inventory-category page at the bottom (http://www.new.bellusfineart.com/inventory-category/landscape/) Instead I get the page by page feature. How can I change this?

  •  675
    Neuron replied

    Hi Kirsten,

    I am very sorry for the late reply.

    You'll be able to eliminate the thumbnail shifting with a lazy loading plugin, this will allow to lazyload the images before showing up.

    https://wordpress.org/plugins/rocket-lazy-load/

    So, they won't shift.

    As for the show more, we need your wp-admin access, so we can implement that in the child theme.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • kirstenbraddock replied
    1. I installed the plugin but do not see any changes to the inventory thumbnails. Am I doing something wrong? I have tried adding code to customize area and also tried the adding code in the headers and footers plugin. :( 
    2. I did provide wp-admin access below
    3. "show more" button not showing up on category pages (http://www.new.bellusfineart.com/inventory-category/landscape/)
  •  675
    Neuron replied

    Hi Kirsten,

    As for the thumbnail shifting, are you talking about the fade in up animation? That can be disabled in Appearance > Customize > Shop > Style. https://prnt.sc/tzgoyn

    I've changed from post per page to show more. https://prnt.sc/tzgo1f

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • kirstenbraddock replied
    1. Thank you for adding the button, but now the content repeats itself after you click on the "shore more" button on the main inventory page and all of the category pages. I have included a screenshot to show you what I'm talking about. (http://www.new.bellusfineart.com/inventory-category/landscape/) Can you undo whatever change you made?
    2. The thumbnail shifting on the inventory page is attached. I included comments so you can understand.

    Thank you.


  •  675
    Neuron replied

    Hi Kirsten,

    1) I have reverted you the the pagination.

    2) Check it again, I've changed to fitrows.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • kirstenbraddock replied

    Thank you!

  •  675
    Neuron replied

    You're welcome anytimesmile.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • kirstenbraddock replied



  •  675
    Neuron replied

    Hi Kirsten,

    Is there anything that we can help?

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • kirstenbraddock replied

    Hello there! Just wanted to say thank you for helping me with all of my questions over these past months. Working on this website has been a great distraction from what is happening all around me. I think this will be my last question!

    https://www.bellusfineart.com/inventory/fissure-ii-1961/

    I'm trying to figure out to print only one image when I click on the print icon. Right now I get the first image and part of the second and the icons and, "you may also like". I have included a screenshot of what I get. 

    Any ideas on what I can do to simplify this page?

    Thanks!

    Kirsten


  •  869
    Neuron replied

    Hi Kirsten,

    We've added you the following code to Appearance > Customize > Additional CSS.

    @media print {
        .related.products, footer,
         .woocommerce-tabs, .entry-summary,
         .product .col-md-6:not(:first-child) {
            display: none !important;
        }
        
    }

    Feel free to ask for anything you need.

    Kind Regards


  • kirstenbraddock replied

    Hello,

    Thank you for your help. Is it possible to just show the first image and the text that goes with it? I have included a pdf of what I mean. 

    Thanks!

    Kirsten

  •  869
    Neuron replied

    Hi Kirsten,

    I am very sorry for the late reply, we were not working on the weekend.

    We've updated the code that we've sent you before, you can view it by going to Appearance > Customize > Additional CSS.

    Feel free to ask for anything you need.

    Kind Regards


  • kirstenbraddock replied

    Is it possible to print only the first image? Right now part of the second image is displayed too. I have included a screenshot. 

    Thank you!

    Kirsten

  •  869
    Neuron replied

    Hi Kristen,

    We're so sorry for the late reply, somehow we missed your ticket.

    Can you please provide us again with your WP-admin to check what's going on, and then we will provide you with a code to fix that.

    Feel free to ask for anything you need.

    Kind Regards


  •   kirstenbraddock replied privately
  •   Neuron replied privately
  •   kirstenbraddock replied privately
  •  869
    Neuron replied

    Hi Kristen,

    We've added you the following code to Appearance > Customize > Additional CSS.

    .woocommerce div.product div.images img {
            width: 100% !important;
            padding-left: 32% !important;
            display: block !important;
     }

    .woocommerce div.product div.images img {
    width: 100% !important;
    padding-left: 32% !important;
    display: block !important;
      }

    Feel free to ask for anything you need.

    Kind Regards