Title: Saimoon's Replies | WordPress.org

---

# Saimoon

  [  ](https://wordpress.org/support/users/saimoon/)

 *   [Profile](https://wordpress.org/support/users/saimoon/)
 *   [Topics Started](https://wordpress.org/support/users/saimoon/topics/)
 *   [Replies Created](https://wordpress.org/support/users/saimoon/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/saimoon/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/saimoon/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/saimoon/engagements/)
 *   [Favorites](https://wordpress.org/support/users/saimoon/favorites/)

 Search replies:

## Forum Replies Created

Viewing 14 replies - 1 through 14 (of 14 total)

 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [How to ge single product gallery in single blog posts](https://wordpress.org/support/topic/how-to-ge-single-product-gallery-in-single-blog-posts/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/how-to-ge-single-product-gallery-in-single-blog-posts/#post-16127685)
 * Basically,
 * What I want is a gallery box like this “[https://ibb.co/McjDQ6b](https://ibb.co/McjDQ6b)
 * Insted of the single featured image at the top of my single post “[https://ibb.co/gggGVmy](https://ibb.co/gggGVmy)
 * I hope now I manged to explain the situation.
    -  This reply was modified 3 years, 10 months ago by [Saimoon](https://wordpress.org/support/users/saimoon/).
    -  This reply was modified 3 years, 10 months ago by [Saimoon](https://wordpress.org/support/users/saimoon/).
 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [How to ge single product gallery in single blog posts](https://wordpress.org/support/topic/how-to-ge-single-product-gallery-in-single-blog-posts/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/how-to-ge-single-product-gallery-in-single-blog-posts/#post-16127609)
 * Hi Povilask,
 * Thanks for the reply. I don’t want the content slider, I want a image slider 
   where the images will be automatically taken from that individual post.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15582770)
 * Dear Jon,
 * Many many thanks. The problem seems to be fixed by your last bit of code. I am
   changing the topic status to resolved. Thanks again for your kind support.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15582656)
 * Dear Jon,
 * I disabled all the js file of ocean WP from scripts & Style section. Still when
   i click the DOA policy tab it scrolls up & down.
 * Can you recheck the homepage for any other js file responsible for the conflict?
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15576135)
 * Thanks, Initially, it fixed the scrolling issue for other 2 tabs. Only clicking
   on tab-doa-policy scrolls up & down, but clicking other tabs doesn’t cause the
   scrolling any more.
 * Thank You Jon
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15576074)
 * In that case, can I specify only the exact tab name I am using? #tab-doa-policy
   
   In that way, this js code will only work for that specific tab.
 * I f i want to do so, what should I change?
 * Saimoon
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15576026)
 * Dear Jon,
 * Thank you for your response. I have only one js file in my site for this tab 
   openning only. If I delete the file, these excess scrolling stops including the
   doa tab opening. For your better understanding, I am uploading the whole js file
   code here.
 *     ```
       <script type="text/javascript">
       /* Add your JavaScript code here.
   
       If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows:
   
       jQuery(document).ready(function( $ ){
           // Your code in here
       });
   
       --
   
       If you want to link a JavaScript file that resides on another server (similar to
       <script src="https://example.com/your-js-file.js"></script>), then please use
       the "Add HTML Code" page, as this is a HTML code that links a JavaScript file.
   
       End of comment */ 
   
       document.addEventListener('click', function (event) {
           if (event.target.hash && event.target.hash.includes('tab-')) {
               // Ignore other click events
               event.preventDefault();
   
               // Set up variables
               const tabName = event.target.hash.replace('#tab-', '');
               const tabLink = document.getElementById('tab-title-' + tabName)
               const tab = document.getElementById('tab-' + tabName);
   
               // Click on tab title to display tab
               tabLink.getElementsByTagName('a')[0].click();
   
               // Scroll to tab
               const container = tab.parentElement.getBoundingClientRect();
   
       		jQuery('html, body').animate({
           	scrollTop: container.top
       		}, 300);
           }
       })
       </script>
       ```
   
 * I did not added any code inside my theme function.php. Do I need to?
 * If you need a temporary access to my site, I can provide a temporary admin account
   if it helps.
 * Thanks
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15556279)
 * Dear Jon,
 * I added the code as below,
 *     ```
       document.addEventListener('click', function (event) {
           if (event.target.hash && event.target.hash.includes('tab-')) {
               // Ignore other click events
               event.preventDefault();
   
               // Set up variables
               const tabName = event.target.hash.replace('#tab-', '');
               const tabLink = document.getElementById('tab-title-' + tabName)
               const tab = document.getElementById('tab-' + tabName);
   
               // Click on tab title to display tab
               tabLink.getElementsByTagName('a')[0].click();
   
               // Scroll to tab
               const container = tab.parentElement.getBoundingClientRect();
   
                jQuery('html, body').animate({
                scrollTop: container.top
                }, 300);
           }
       })
       ```
   
 * Which made it work. But when i click on any other tabs (say description / shipping
   policy) the scrolling effects continue to occur. Is it normal or can i remove
   this unnecessary scrolling movement?
 * Thanks
    Saimoon
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Custom Product Tabs for WooCommerce] Anchor link to a custom tab](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/anchor-link-to-a-custom-tab/#post-15556229)
 * Dear Jon,
 * Thank you for your kind feedback & sorry for my ignorance. Should i replace below
   code with the one you provided?
 *     ```
       // Scroll to tab
               jQuery('html, body').animate({
                   scrollTop: tab.parentElement.offsetTop
               }, 300);
       ```
   
 * I am not that much experienced in JS.
 * Thank You.
    Saimoon
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Elementor Website Builder - more than just a page builder] Elementor popup fit to content/screen shows a glimps of home page during scroll](https://wordpress.org/support/topic/elementor-popup-fit-to-content-screen-shows-a-glimps-of-home-page-during-scroll/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/elementor-popup-fit-to-content-screen-shows-a-glimps-of-home-page-during-scroll/#post-15544732)
 * Image Link: [https://imagizer.imageshack.com/img922/373/kqRFTp.jpg](https://imagizer.imageshack.com/img922/373/kqRFTp.jpg)
 * Video Link (We Transfer): [Get the File](https://wetransfer.com/downloads/74303c1b416673d10356692d4b4bd7c220220410080829/dff0e42f5fa007e1671ae547632315e220220410080849/7b0f46?utm_campaign=WT_email_tracking&utm_content=general&utm_medium=download_button&utm_source=notify_recipient_email)
 * Online Video Link: [https://streamable.com/u0j30h](https://streamable.com/u0j30h)
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Hueman] how to add social icon in Hueman theme top bar](https://wordpress.org/support/topic/how-to-add-social-icon-in-hueman-theme-top-bar/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/how-to-add-social-icon-in-hueman-theme-top-bar/#post-6181740)
 * And also, I want to put a adsense banner ad between top post and second post 
   in every page & category. How and where to put the code? and how to put the same
   ad in a single post at middle?
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Hueman] how to add social icon in Hueman theme top bar](https://wordpress.org/support/topic/how-to-add-social-icon-in-hueman-theme-top-bar/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/how-to-add-social-icon-in-hueman-theme-top-bar/#post-6181739)
 * Thank you very much, how to add “view all”s icons to my site?
 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [2 different sidebar title background](https://wordpress.org/support/topic/2-different-sidebar-title-background/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/2-different-sidebar-title-background/#post-2911827)
 * I only want to change the title background. But there is only one place for changing
   title background in style.css which will change the both sides title background
   at the same time!
 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [How to get Full post in all category](https://wordpress.org/support/topic/how-to-get-full-post-in-all-category/)
 *  Thread Starter [Saimoon](https://wordpress.org/support/users/saimoon/)
 * (@saimoon)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/how-to-get-full-post-in-all-category/#post-2828485)
 * Hurrah……….!
    I solved the problem. I am just so happy to be able to do that.I
   was pulling off my hair just to do this trick!
 * Actually the term the_excerpt() was in Loop folder for sliding doors.
    I just
   changed it to the_content and everything become smooth…!
 * Now I am considering this post as Solved!
 * Thanks to all……………!

Viewing 14 replies - 1 through 14 (of 14 total)