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.

change the testimonials layout

  • da vasco
  • da vasco's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 8 months ago #138138 by da vasco
change the testimonials layout was created by da vasco
I'm showing Youtube videos on a category page with Allvideo's
link: www.iwout.com/w1/index.php/foto-s-videos-2
The layout is "testemonials". It takes a long time for the video's to load, so i'm thinking of showing a photo (of the video)
The video should start to play when clicking on th photo of it. Like the media on this item page (only the media page): www.iwout.com/w1/index.php/lichtobjecten/item/159-jerrylamp-vi
When i try to do this, both photo and video appear (photo above video)
I tried several settings but can't seem to manage it this way. Is it possible in this category view?

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 8 months ago #138139 by Krikor Boghossian
Replied by Krikor Boghossian on topic change the testimonials layout
Hello there,

I do not think placing tabs over there is an optimal solution.
Is a solution like this: demo.nuevvo.com/#conversationalist/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=7&Itemid=121

is more appropriate. Let me know what you think so I can provide you with the code.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

  • da vasco
  • da vasco's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 8 months ago #138140 by da vasco
Replied by da vasco on topic change the testimonials layout
Yes the blog layout of the Conversationalist looks good. Different from the Archetype blog layout that Always seem to show the first photo with the video underneath
Is it possible to keep the background color the same as the rest of my site (sort of grey) instead of white?

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 8 months ago - 10 years 8 months ago #138141 by Krikor Boghossian
Replied by Krikor Boghossian on topic change the testimonials layout
You need to create a new K2 template.

Unzip and paste this folder in the templates/archetype/html/com_k2 folder.
Then assign this template (videos) to that category.

Paste this in your custom.js file.
(function($){
	$(document).ready(function() {
		$('.videoCatSwap .itemImageBlock').click(function(e){
			e.preventDefault();
			$(this).next().fadeIn('slow');
		});
	});
})(jQuery);

One tweak you might need to do is to assign a min-height value to the titles so you can have a perfect grid.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Attachments:

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

  • da vasco
  • da vasco's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 8 months ago #138142 by da vasco
Replied by da vasco on topic change the testimonials layout
Thanks for the :K2 template-zip. It looks fine now. www.iwout.com/w1/index.php/foto-s-videos-2
It looks like the photo i use, determines the size of the video window. Though i've tried different hights (& widths) in the category setting of these items, nothing changed. So i still haven't found out how to change the grid (into the perfect one :-)

I'd like to remove the yellow (blog?) block under the header, but don't know how.

about mailto form
The mailto form is too small to use
screenshot: imgur.com/PAfawvo
link: www.iwout.com/w1/index.php/over-mij
I looked in components/com_mailto/tmpl/default.php but didn't know what th change

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 8 months ago #138143 by Krikor Boghossian
Replied by Krikor Boghossian on topic change the testimonials layout
I think it looks nice now, but I think you should disable the video autoplaying. (K2 Setting).

For exanding the mail_to window;
Open the item.php file located at templates/html/com_k2/default/item.php

Locate the following block of code.
onclick="window.open(this.href,'emailWindow','width=400,height=350,location=no,menubar=no,resizable=no,scrollbars=no'); return false;"

and change it to
onclick="window.open(this.href,'emailWindow','width=450,height=620,location=no,menubar=no,resizable=no,scrollbars=no'); return false;"

You can adjust the size and height by changing the width=450 and height=620 values as well.

Finally paste this snippet in your custom.css file
#mailto-window {
    padding: 0 20px;
}
#mailto-window .mailto-close a {
    float: right;
    color: #fff;
    text-decoration: none;
}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

  • da vasco
  • da vasco's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 8 months ago #138144 by da vasco
Replied by da vasco on topic change the testimonials layout
-Does the “the video autoplaying enabled ” delay the loading of the page? Otherwise I do like it?
-I managed to change the Email page (thanks to you) and also changed the portifolio/item.php for the other pages, since I now know where to look.
-Do you know how I can disable the yellow (blog?) block under the header
www.iwout.com/w1/index.php/foto-s-videos-2

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 8 months ago #138145 by Krikor Boghossian
Replied by Krikor Boghossian on topic change the testimonials layout
The autoplay fired all the videos at once when I opened your page which was not really nice. To be honest I had the speakers on and it was very pleasing.

The yellow block is the block of the category description and image. Disabling these elements (K2 category settings) will hide the entire yellow section.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

  • da vasco
  • da vasco's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 8 months ago #138146 by da vasco
Replied by da vasco on topic change the testimonials layout
I disabled autiplay (sorry for the wall of sound :-)
I've tested it on IE11/Firefox & Safari. On these browsers the videos only start after clicking on it.
managed to remove the yellow block too. Thanks Krikor

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 8 months ago #138147 by Krikor Boghossian
Replied by Krikor Boghossian on topic change the testimonials layout
You 're welcome :)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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


Powered by Kunena Forum