Saimoon

Basically,

What I want is a gallery box like this “https://ibb.co/McjDQ6b

Insted of the single featured image at the top of my single post “https://ibb.co/gggGVmy

I hope now I manged to explain the situation.

• This reply was modified 2 years, 1 month ago by Saimoon.
• This reply was modified 2 years, 1 month ago by Saimoon.

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.

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.

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?

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

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

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

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

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

Image Link: https://imagizer.imageshack.com/img922/373/kqRFTp.jpg

Video Link (We Transfer): Get the File

Online Video Link: https://streamable.com/u0j30h

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?

Thank you very much, how to add “view all”s icons to my site?

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!

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……………!