- Posts: 9
COMMUNITY FORUM
Change item view in K2
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
14 years 3 months ago #93095
by P. Deckers
Change item view in K2 was created by P. Deckers
Hello,
take a look at this website
I would like that the INTRO TEXT and FULL TEXT shown below the image would be situated on the LEFT or RIGHT of the image.
This should be possible and i think something needs to be changed in:
\html\com_k2\templates\default\item.php OR
\css\k2.css
Can someone please help me out and tell me what to do?
Kind regards, Pieter
take a look at this website
I would like that the INTRO TEXT and FULL TEXT shown below the image would be situated on the LEFT or RIGHT of the image.
This should be possible and i think something needs to be changed in:
\html\com_k2\templates\default\item.php OR
\css\k2.css
Can someone please help me out and tell me what to do?
Kind regards, Pieter
Please Log in or Create an account to join the conversation.
- Jiliko.net
-
- Offline
- Platinum Member
Less
More
- Posts: 567
14 years 3 months ago #93096
by Jiliko.net
Replied by Jiliko.net on topic Change item view in K2
Hi Pieter,
Firstly, i would advise you to check this : community.getk2.org/notes/Templating_in_K2
This would avoid you to lose your customization on K2 updates.
Secondly, you're right, you have to make modifications in the item.php K2 template file to achieve this. I'd tell you to use the CSS4K2 plugin to be able to use a specific css for your item category and so to not modify the core K2.css file :
extensions.joomla.org/extensions/extension-specific/k2-extensions/14799?qh=YToxOntpOjA7czo2OiJqaWxpa28iO30%3D
Hard to detail the modification sto be done in the php file. I'll try to send you an item.php file tomorrow with the modifications.
Your website design is simple but i like it !
Olivier
Firstly, i would advise you to check this : community.getk2.org/notes/Templating_in_K2
This would avoid you to lose your customization on K2 updates.
Secondly, you're right, you have to make modifications in the item.php K2 template file to achieve this. I'd tell you to use the CSS4K2 plugin to be able to use a specific css for your item category and so to not modify the core K2.css file :
extensions.joomla.org/extensions/extension-specific/k2-extensions/14799?qh=YToxOntpOjA7czo2OiJqaWxpa28iO30%3D
Hard to detail the modification sto be done in the php file. I'll try to send you an item.php file tomorrow with the modifications.
Your website design is simple but i like it !
Olivier
Please Log in or Create an account to join the conversation.
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 9
14 years 3 months ago #93097
by P. Deckers
Replied by P. Deckers on topic Change item view in K2
Hi Olivier,
thank you for your reply. I just installed the plugin, but cannot say that i understand it completely. I'll wait for your item.php file.
Many thanx in advance!
PieterOlivier Nolbert said:
Hi Pieter,
Firstly, i would advise you to check this : community.getk2.org/notes/Templating_in_K2
This would avoid you to lose your customization on K2 updates.
Secondly, you're right, you have to make modifications in the item.php K2 template file to achieve this. I'd tell you to use the CSS4K2 plugin to be able to use a specific css for your item category and so to not modify the core K2.css file :
extensions.joomla.org/extensions/extension-specific/k2-exten...
Hard to detail the modification sto be done in the php file. I'll try to send you an item.php file tomorrow with the modifications.
Your website design is simple but i like it !
Olivier
thank you for your reply. I just installed the plugin, but cannot say that i understand it completely. I'll wait for your item.php file.
Many thanx in advance!
PieterOlivier Nolbert said:
Hi Pieter,
Firstly, i would advise you to check this : community.getk2.org/notes/Templating_in_K2
This would avoid you to lose your customization on K2 updates.
Secondly, you're right, you have to make modifications in the item.php K2 template file to achieve this. I'd tell you to use the CSS4K2 plugin to be able to use a specific css for your item category and so to not modify the core K2.css file :
extensions.joomla.org/extensions/extension-specific/k2-exten...
Hard to detail the modification sto be done in the php file. I'll try to send you an item.php file tomorrow with the modifications.
Your website design is simple but i like it !
Olivier
Please Log in or Create an account to join the conversation.
- Terry Britton
-
- Offline
- Elite Member
Less
More
- Posts: 198
14 years 3 months ago #93098
by Terry Britton
Replied by Terry Britton on topic Change item view in K2
In the K2.css change this line:
div.itemImageBlock {padding:8px;}
to div.itemImageBlock {padding:8px;float:left;} or div.itemImageBlock {padding:8px;float:right;}
You will probably want to play around with the padding to get exactly the look you want.
div.itemImageBlock {padding:8px;}
to div.itemImageBlock {padding:8px;float:left;} or div.itemImageBlock {padding:8px;float:right;}
You will probably want to play around with the padding to get exactly the look you want.
Please Log in or Create an account to join the conversation.
- Next Wave, Inc.
-
- Offline
- Junior Member
Less
More
- Posts: 30
14 years 3 months ago #93099
by Next Wave, Inc.
Replied by Next Wave, Inc. on topic Change item view in K2
Perfectly done, Terry! Line 371 in my k2.css in my template's/css directory.
Terry A Britton said:
In the K2.css change this line:
div.itemImageBlock {padding:8px;}
to div.itemImageBlock {padding:8px;float:left;} or div.itemImageBlock {padding:8px;float:right;}
You will probably want to play around with the padding to get exactly the look you want.
Terry A Britton said:
In the K2.css change this line:
div.itemImageBlock {padding:8px;}
to div.itemImageBlock {padding:8px;float:left;} or div.itemImageBlock {padding:8px;float:right;}
You will probably want to play around with the padding to get exactly the look you want.
Please Log in or Create an account to join the conversation.
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 9
14 years 3 months ago #93100
by P. Deckers
Replied by P. Deckers on topic Change item view in K2
Terry,
thank you very much for your reply. This is a possible solution but this would affect all differente templates being made in future if i would lik to make different styles for different categories...
Would it also be possible to change something in the specific item.php file so i can edit this for eacht template in K2 seperately?
thank you very much for your reply. This is a possible solution but this would affect all differente templates being made in future if i would lik to make different styles for different categories...
Would it also be possible to change something in the specific item.php file so i can edit this for eacht template in K2 seperately?
Please Log in or Create an account to join the conversation.
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 9
14 years 3 months ago #93101
by P. Deckers
Replied by P. Deckers on topic Change item view in K2
Hi Olivier,
did you happen to get to edit the item.php file? So that i can place TEXT next to the image but without changing all different templates in K2 as you already mentioned....
I allready made a second copy of "templates/default"
Hope to hear from you soon...
Kind regards, Pieter
did you happen to get to edit the item.php file? So that i can place TEXT next to the image but without changing all different templates in K2 as you already mentioned....
I allready made a second copy of "templates/default"
Hope to hear from you soon...
Kind regards, Pieter
Please Log in or Create an account to join the conversation.
- Jiliko.net
-
- Offline
- Platinum Member
Less
More
- Posts: 567
14 years 3 months ago #93102
by Jiliko.net
Replied by Jiliko.net on topic Change item view in K2
Hi Pieter,
The solution of Terry is good but you have to implement it in the custom template specific css file thanks to CSS4K2 plugin.
Some explanations on the plugin parameters : www.jiliko.net/documentations/item/20-css4k2-parameters
What you have to do :
- Make a copy of the 'components/com_k2/templates/default' folder in 'templates/YOURJOOMLATEMPLATE/html/com_k2/templates/' and rename it with what you want.
- Create the specific css file like this :
'templates/YOURJOOMLATEMPLATE/html/com_k2/templates/MYTEMPLATE/MYTEMPLATE_style.css'
- Place the Terry's code in this file
So no item.php modifications, just css stuff for this template.
Olivier
P. Deckers said:
Hi Olivier,
did you happen to get to edit the item.php file? So that i can place TEXT next to the image but without changing all different templates in K2 as you already mentioned....
I allready made a second copy of "templates/default"
Hope to hear from you soon...
Kind regards, Pieter
The solution of Terry is good but you have to implement it in the custom template specific css file thanks to CSS4K2 plugin.
Some explanations on the plugin parameters : www.jiliko.net/documentations/item/20-css4k2-parameters
What you have to do :
- Make a copy of the 'components/com_k2/templates/default' folder in 'templates/YOURJOOMLATEMPLATE/html/com_k2/templates/' and rename it with what you want.
- Create the specific css file like this :
'templates/YOURJOOMLATEMPLATE/html/com_k2/templates/MYTEMPLATE/MYTEMPLATE_style.css'
- Place the Terry's code in this file
So no item.php modifications, just css stuff for this template.
Olivier
P. Deckers said:
Hi Olivier,
did you happen to get to edit the item.php file? So that i can place TEXT next to the image but without changing all different templates in K2 as you already mentioned....
I allready made a second copy of "templates/default"
Hope to hear from you soon...
Kind regards, Pieter
Please Log in or Create an account to join the conversation.
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 9
14 years 3 months ago #93103
by P. Deckers
Replied by P. Deckers on topic Change item view in K2
Hi Olivier,
this is the solution i was looking for! It's just great!
Thank you very much for your help and patience...
Now i'll just have to see how this affects other item assets when i set them to "show", like ITEM RATING, SOCIAL MEDIA, etc.
Many thanx again...
Pieter
this is the solution i was looking for! It's just great!
Thank you very much for your help and patience...
Now i'll just have to see how this affects other item assets when i set them to "show", like ITEM RATING, SOCIAL MEDIA, etc.
Many thanx again...
Pieter
Please Log in or Create an account to join the conversation.
- P. Deckers
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 9
14 years 3 months ago #93104
by P. Deckers
Replied by P. Deckers on topic Change item view in K2
Olivier,
i have one other problem/question that i would like to discuss with you and that you might kwow the anser/solution to...
Take a look at the same website as before
On each page there is a "SEARCH" bar function.
I would like that when people start a search for certain products or tags that the results that are being shown are linked images to specific items.
If i know place a search it gives the good results but as linked TEXT. I would like to have the IMAGES of the products in the search results with, if possible, titles above.
Do you know what i should do, is there a specific plugin, component or module, that gives a reliable solution?
Kind regards,
Pieter
i have one other problem/question that i would like to discuss with you and that you might kwow the anser/solution to...
Take a look at the same website as before
On each page there is a "SEARCH" bar function.
I would like that when people start a search for certain products or tags that the results that are being shown are linked images to specific items.
If i know place a search it gives the good results but as linked TEXT. I would like to have the IMAGES of the products in the search results with, if possible, titles above.
Do you know what i should do, is there a specific plugin, component or module, that gives a reliable solution?
Kind regards,
Pieter
Please Log in or Create an account to join the conversation.