fbpx

Astroid 2.4 Landed with Joomla 4 Compatibility Download Now

Welcome, Guest
Username: Password: Remember me

TOPIC: jd services workout

jd services workout 1 year 5 months ago #13880

Hey internet friends,

I have installed the jd services module from coax because of the extra option.
Now I have already added the jdservices scss to the modules pam like i did with the coax tabs module and added @import
It also seems to work (partly) because it shows titles and description but it does not show pictures.
Can you tell me (like you did perfectly with tabs) what I need to change or add so this better services module works also in fitness template?
Thank you.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13888

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3760
  • Thank you received: 573
  • Karma: 98
Hello,

Please share the site URL so that I can see how it looks.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13889

Hello chandandeep,



right underneethe the first shop section.
Thank you
Last Edit: 1 year 2 months ago by tienmeterdeluchtin.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13911

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

1. Create a folder in the scss directory of JD Fitness Template named custom.
Path: JoomlaRoot\templates\tpl_jdfitness\scss
2. Put the _jdservices.scss file of the JD CoaX Template in the Custom folder of JD Fitness Template.
3. Open the style.scss file and add the following line below the "bootstrap/functions"
@import "custom/jdservices";
Path: JoomlaRoot\templates\tpl_jdfitness\scss

4. Put the coax-style.php file in the following Path:
Path: JoomlaRoot\templates\tpl_jdfitness\html\mod_jdservices_showcase
Get coax-style.php file from here: gist.github.com/lalitkumarjoomdev/101ffc...a9977531ffa7a31a7515
5. Set the settings of Services Module like JD Coax Template.
See screenshot: www.screencast.com/t/kl8nnTK9
6. Choose the layout of the module.
See screenshot: www.screencast.com/t/NUNd81jhLXH

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
Last Edit: 1 year 5 months ago by Lalit Kumar.
The administrator has disabled public write access.
The following user(s) said Thank You: tienmeterdeluchtin

jd services workout 1 year 5 months ago #13917

Hey Lalit,

This is a perfect explaination, thank you !
Is it normal that the hover-img does not work?
You can choose hover image in the module but it does not show.
I first thought it was the misspelling of services in the php (serveices) but fixing this did not help :).
Hope you know if it is possible.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13921

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
yes, it is normal you can choose hover image in the module but it does not show without cursor hover.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13924

Thank you for your reply.
I understand a hover image will not show up without hover over with cursor.
So what I try to tell is, even with hover over with cursor the hover image does not show. When I understand your answer it should show when cursor hovers over the primary image. Can you please look at the code you made again and see why hover image does not show? Thank you.
The administrator has disabled public write access.

jd services workout 1 year 5 months ago #13928

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Add the following css in the custom.css file
.jd-services-shocase .service-box .image-overlay:hover .overlay{
	opacity: 1 !important;
}

Path: beta1\templates\tpl_jdfitness\css
Note: If you will not get a custom.css file here, so you have to create a custom.css file yourself.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.
The following user(s) said Thank You: tienmeterdeluchtin
Moderators: chandandeep
Time to create page: 0.404 seconds