Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Picture size

  • Olivier Battaglia
  • Olivier Battaglia's Avatar Topic Author
  • Offline
  • New Member
More
4 years 2 weeks ago #139947 by Olivier Battaglia
Olivier Battaglia created the topic: Picture size
I am not sure were I can change the size of an image which is shown on the first page (in the slider): I found that there is a possibility to change the size in the parameters, but It only makes the image more blury...
I would like the users to see that there are further items below. A relation of 2/3 for the image and 1/3 showing thie items below is what I am looking for. I hope that I could formulate my problem.

Please Log in or Create an account to join the conversation.

More
4 years 2 weeks ago #139948 by Krikor Boghossian
Krikor Boghossian replied the topic: Picture size
Hello Olivier,

The size is calculated with a script and it is supposed to cover the first screen.

You can alter the script to cover a certain part minus some pixels.

In the /templates/js/behaviour.js file locate the following block
function resSlide() {
		var height 		= $(window).height();
		var subheader 	= $('.sub-header');
		var sheight 	= subheader.height() + 20;
		var slideshow 	= $('.modSlideshowBlock');
		var docWidth	= $(document).width();
		var winHeight	= $(window).height();

		slideshow.css('height', height);
		if ( $('body').hasClass('has-slideshow') ) {
			subheader.css('margin-bottom', -sheight);
		}
		$('.modSlideshowBlock .itemsWrapper').css('height', height);

		if (docWidth >= 1440){
			$('body.has-slideshow.no-offcanvas').css('padding-top', winHeight ); // include some paddings
		} else {
			$('body.has-slideshow.no-offcanvas').css('padding-top', '0' ); // remove all paddings
		}
	}

You need to change it with.
	function resSlide() {
		var height 		= $(window).height() - 100;
		var subheader 	= $('.sub-header');
		var sheight 	= subheader.height() + 20;
		var slideshow 	= $('.modSlideshowBlock');
		var docWidth	= $(document).width();
		var winHeight	= $(window).height() - 100;

		slideshow.css('height', height);
		if ( $('body').hasClass('has-slideshow') ) {
			subheader.css('margin-bottom', -sheight);
		}
		$('.modSlideshowBlock .itemsWrapper').css('height');

		if (docWidth >= 1440){
			$('body.has-slideshow.no-offcanvas').css('padding-top', winHeight ); // include some paddings
		} else {
			$('body.has-slideshow.no-offcanvas').css('padding-top', '0' ); // remove all paddings
		}
	}

You can change the 100 pixel gap to another value if you want.
More that 100 - 150 might affect some viewports though.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

  • Olivier Battaglia
  • Olivier Battaglia's Avatar Topic Author
  • Offline
  • New Member
More
4 years 2 weeks ago #139949 by Olivier Battaglia
Olivier Battaglia replied the topic: Picture size
Thank you for the information. in my behaviour.js there was no code in it.I entered the code which you sent me.
If I refresh the homepage I don't get any pictures any more.. It just tries to load... Do I need to upload the pictures again?

Please Log in or Create an account to join the conversation.

More
4 years 2 weeks ago #139950 by Krikor Boghossian
Krikor Boghossian replied the topic: Picture size
It is possible you edited the wrong js file.
Is it possible to have a link so I can check it out?

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

More
1 year 3 months ago #163660 by parsa
parsa replied the topic: Picture size
"gt metrics" shows problem in each size of photos i use in my site. what can i do?

Please Log in or Create an account to join the conversation.

More
1 year 3 months ago #163696 by Krikor Boghossian
Krikor Boghossian replied the topic: Picture size
Hello,

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

So please open a ticket so we can work on this.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.