Joomla Templates Club 406,261 posts

[kiwilee Friend kiwileeJoin date: June 2012Posts: 30Downloads:0Uploads:1 Thanks: 13 Thanked: 13 times in 1 posts]

#496337

Hi,

I have the same problem.
When using VM Products Tabs my product options attributes mess up the display.
Eg, size.
Pretty common option for ecommerce.

If I turn off Add to cart option then the word “DETAILS” and link are no longer working.
it looks better but not ideal.

I’m happy if the clicking on the image takes user to full VM page where all Details and options are displayed.
But would still want the “Details” button to pop up.

Also, you refer to a custom.css file
I looked at editing via the template editor but could see no no file called custom.css
I also looked via cpanel and filemanager.
Can anyone advise where this file resides..?
And also when this template gets updated would these changes get over written and need to be updated again?

Regards Lee

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#496435

Hi,

<blockquote>Can anyone advise where this file resides..?</blockquote>
On JA Hawkstore template, you need to create that custom.css file & put it to templates/ja_hawkstore/css/ path on your server.
Then call new fine in template/ja_hawkstore/etc/assets.xml by adding line:

<file>css/custom.css</file>

<blockquote>And also when this template gets updated would these changes get over written and need to be updated again?</blockquote>
No. It is ONLY file that won’t be overwritten when you update your template. Pls see our T3 document here: http://t3-framework.org/documentation/customization.html#custom-css

1 user says Thank You to phong nam for this useful post

1. kiwilee

[kiwilee Friend kiwileeJoin date: June 2012Posts: 30Downloads:0Uploads:1 Thanks: 13 Thanked: 13 times in 1 posts]

#496543

Cheers it worked a treat, thanks Leo!

Created..

<file>css/custom.css</file>

#Mod97 .product-fields .product-field {
display: none !important;
}

#javm_slide116 .addtocart-area .product-fields {
display: none !important;
}</file>

And added a line in template/ja_hawkstore/etc/assets.xml

<file>css/custom.css</file>

Thanks for all the help.
Much appreciated.

Regards Lee

[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#499391

I have had the same problem and adding this custom.css file worked for me with one exception.
For the first “tab” in the “home1” product tabs – it worked like a charm for all products that have product options or variants added.

However, oddly enough, it doesn’t work for the other tabs in the home1 module position. I have checked all of these categories and also the tab modules and don’t see any discrepancy in how they are setup. Any thoughts on this oddity?

Even duplicating the same tab module is not working which suggests that somehow the custom.css file is only working for one of the tab modules and not for all of them. What do I add to have it work for all of them?

Here is my build site:

http://sei-gastro.com/hawk/

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499397

Hi missioneyes,

The difference is the #Mod ID of your installed tabs modules, you can try on these css codes:

#javm_slide134 .product-fields .product-field {
display: none !important;
}

#javm_slide135 .product-fields .product-field {
display: none !important;
}

#javm_slide137 .product-fields .product-field {
display: none !important;
}


[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#499399

OK – I figured it out.

I needed to duplicate this line for each tab module that I use on the frontpage with their specific id (a bit of a pain, for future expansion) but certainly a workable solution.

#javm_slide134 .addtocart-area .product-fields {
display: none !important;
}

[missioneyes Friend missioneyesJoin date: October 2010Posts: 51Downloads:1Uploads:7 Thanks: 8 Thanked: 1 times in 1 posts]

#499400

Leo,

Whoops, figured it out before I saw your post!!

There is no way to refer to all such modules so that adding more doesn’t make us add custom code each time?

Thanks ever so much!!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499409

Hi missioneyes,

The reason that the variants will not appear on product detail page and Add to cart page too if you don’t add #Mod ID to overriden css styles. This solution is safer to your website than customizing the .php file to get your requirement.

[Author]

Posts