Help styling/overide multi-variant options in Product view

3 years 7 months ago
Posts: 242
More
Topic Author
Help styling/overide multi-variant options in Product view #3372
Using Yoo Avenue - See screenshot

I want the multivariant options to display on a new line each & also the dropdown selection to use the full available width.
Please can you help/advise on how I can achieve this.

I am using VMuikit 3.1.2 & happy with the new override procedure, just unsure what/where to change


Thanks in advance,
Andy

Nil Satis Nisi Optimum
Attachments:

Please Log in or Create an account to join the conversation.

3 years 7 months ago
Posts: 1284
More
Help styling/overide multi-variant options in Product view #3375
Hi,
You can override our files in template.
plugins\system\vmuikit_override\html_override\com_virtuemart\themes\default\productdetails\default_customfieldscart.php
Copy the above file to following location.
templates\<YOUR TEMPLATE>\html\com_virtuemart\themes\default\productdetails\
after copying file you can change as per your need.
Dont forgot to Enable "Override Template Html" option in VMuikit Backend.

Please Log in or Create an account to join the conversation.

3 years 7 months ago
Posts: 242
More
Topic Author
Help styling/overide multi-variant options in Product view #3382
Thanks mani,
But I need a further help/nudge :huh:

I copied that file over to the correct place & set to overide HTML and tested it works OK, as I have remove a "uk-box-primary" class.

But I want to show;
1 - custom field variants each on a new line
2- set the cusom field dropdown or field to use class="uk-width-1-1"

I think this is something to do with this line of code on line 51
<span class="uk-width-1-1"><?php echo $field->display ?></span>

But I cant figure out how I get 1&2 above.

I have tried to mock up in a screenshot what I am trying to achieve;
Thanks,
Andy


Nil Satis Nisi Optimum
Attachments:

Please Log in or Create an account to join the conversation.

3 years 7 months ago
Posts: 1284
More
Help styling/overide multi-variant options in Product view #3384
Hello Yes,

I understand what you need. but you can fix this through custom css. as you can see every field have unique html id. please use this as reference and add css to look same as your mockup

Thanks

Please Log in or Create an account to join the conversation.

3 years 7 months ago
Posts: 242
More
Topic Author
Help styling/overide multi-variant options in Product view #3385
OK, I'll dig deeper.
But I think that this should be part of the VMuikit overide structure.
I cant see any instance where custom fields need to all be on one line.
It looks messy and lets VMuikit down a little bit (Not much though :) )

Nil Satis Nisi Optimum

Please Log in or Create an account to join the conversation.

3 years 7 months ago
Posts: 1284
More
Help styling/overide multi-variant options in Product view #3386
Hello
You can override virtuemart custom fields in this file as i already gave to you.
plugins\system\vmuikit_override\html_override\com_virtuemart\themes\default\productdetails\default_customfieldscart.php
and if you want table structure, please replace table instead of span.

Please Log in or Create an account to join the conversation.

Time to create page: 0.136 seconds
Powered by Kunena Forum

We accept PayPal, 2Checkout & Electroneum payments:

We accept PayPal payments    We accept 2checkout payments  electroneum payment


For news and updates please like :