Joomla Templates Club 406,261 posts

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#190491

Hi,

How do I fix this problem when I add Custom Fields in virtuemart?
The view of the products on the front page is completely broken.

How to fix this without having to disable Custom Fields?
Alternatively the “Add to cart” can be disabled (leaving details only). How do I do that?

Thank you.

---

Attachments:

1. 

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

#505535

Hi calavaro,

In my opinion, I think you should display the Custom Fields in the product details page only, and hide them on category view. You can refer this thread to adjust the Custom Fields on our template at http://www.joomlart.com/forums/topic/featured-products-and-jac-with-product-variants-as-cart-atribute/#post-495853

And you can disable the Add to cart button by setting No to Show Add-To-Cart Link? option in the backend of JA VM Products and Virtuemart Products module.

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

1. calavaro

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#505555

Hi Leo,

Yes, your linked solution works removing the custom fields in featured view, but the add to cart button is still there and it automatically adds the first options for each custom field (eg. Size: S, Color: White), with no way for the buyer to choose.
If I disable the “Add to Cart” button, the “Details” button is also disabled at the same time. This makes the front page views awkward with the animation moving up, leaving a big white space below.

The ideal solution here would be to keep “Details” filling the bottom from left to right on mouse-over. How do I achieve that?

Thanks for your answer, it got me half way at least.

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

#505681

Hi calavaro,

You are right with disabling the Add to cart link option. The reason that on the overridden layout of our JA VM product module, the Details and Add to Cart buttons were defined in the same condition ($show_addtocart) so that both bottoms will be hidden when selecting No to Show Add-To-Cart Link? option.

Anyways, I agree with your ideal solution on keeping “Details” button on hover, the suggestion is using the css styles to hide the Add to cart on module’s front-end by putting these codes into custom.css file too:


/*Hide Add to Cart on JA VM products's front end*/
#javm_slide116 .addtocart-button {
display: none;
}

/*Hid Add to cart on VM Products module - Featured Products*/
.vmgroup .vmproduct.productdetails .addtocart-area span.addtocart-button {
display: none !important;
}

The red text (116) is the ID of the JA VM products modules on tabs, you will need to use 3 #javm_slide IDs.

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

1. calavaro

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#505797

Wonderful Leo. Thank you. It works just as I’d hoped.

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#506387

Hi,

In addition to the above working solution I wanted to make the “Details” button centered and span the entire bottom area. I use the “red” theme so I had to go to that folder to edit a file. If you use another theme, go to that themes css folder.

The solution to this was simple. I simply commented out 2 lines in templatesja_hawkstorecssthemesredvmsite-ltr.css

Line 121: comment out the following
float: left;

Line 879: comment out the following
display: inline-block;

Why did I comment out these lines and not edit through custom.css?
For some reason it didn’t work to add the overrides in custom.css, and I didn’t want to troubleshoot it when commenting out the lines was a 5 second fix. (I also keep a detailed text file with any modifications I make in any file to keep track of things if/when I need to patch the template)

All the best,

Calavaro

1 user says Thank You to calavaro for this useful post

1. phong nam

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

#506417

Hi,

That is a nice tip, calavaro. Keep going 😀

[Author]

Posts