- Posts: 24
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Commercial Joomla Templates
- change the testimonials layout
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.
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
- Topic Author
- Offline
- Junior Member
Less
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?
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 8 months ago #138139
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
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?
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 8 months ago - 10 years 8 months ago #138141
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
One tweak you might need to do is to assign a min-height value to the titles so you can have a perfect grid.
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 :)
Please Log in or Create an account to join the conversation.
- da vasco
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 8 months ago #138143
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
and change it to
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
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
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
-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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 8 months ago #138145
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
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
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
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
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
- Offline
- Platinum Member
Less
More
- Posts: 15920
10 years 8 months ago #138147
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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.
- Forum
- Commercial Joomla Extensions & Templates
- Commercial Joomla Templates
- change the testimonials layout