Author Topic: Custom field images display  (Read 38421 times)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #15 on: November 09, 2011, 21:09:39 pm »
<span class="product-fields-title" ><b><?php echo  JText::_($field->custom_title) ?></b></span>

add a <br /> AFTER that. Thats the word "color"

THEN remove this
<?php if ($field->custom_tip) echo JHTML::tooltip($field->custom_tip,  JText::_($field->custom_title), 'tooltip.png'); ?>

YOU CAN put that back in later

css to add

.product-field label {width: 40%;float: left;}

.product-field input {width: 9%;float: left;}
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #16 on: November 09, 2011, 21:16:40 pm »
VERY close here
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

cas

  • Jr. Member
  • **
  • Posts: 487
Re: Custom field images display
« Reply #17 on: November 09, 2011, 21:17:42 pm »
wow! Yes, it's getting very close!  How do we get the radio buttons on top of the images for the first row?

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #18 on: November 09, 2011, 21:22:44 pm »
.product-field input {width: 9%;float: left;clear: both;}

YOU can also go 3 in a row if you want
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

cas

  • Jr. Member
  • **
  • Posts: 487
Re: Custom field images display
« Reply #19 on: November 09, 2011, 21:28:51 pm »
Opps, that made it worse.

Yes, 3 in a row is the desired state.

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #20 on: November 09, 2011, 21:29:24 pm »
.product-field label {width: 28%;float: left;}

.product-field input {width: 4%;float: left;}
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #21 on: November 09, 2011, 21:31:58 pm »
.product-field label {width: 24%;float: left;}
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #22 on: November 09, 2011, 21:35:30 pm »
increase this

.product-field input {width: 4%;float: left;}

UNTIL it works
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #23 on: November 09, 2011, 21:39:47 pm »
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #24 on: November 09, 2011, 21:40:50 pm »
or change the font-size


.product-field .vm-img-desc {

}
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

cas

  • Jr. Member
  • **
  • Posts: 487
Re: Custom field images display
« Reply #25 on: November 09, 2011, 21:53:24 pm »
yes, I know how to remove the Free, but temporarily I wanted to see that just so if I have a price adjustment in the future, it would be positioned correctly below the description.

Any idea how to get the radio buttons on top of the images?   Also, why do some rows only have 1 image?

By the way, where do I send you a donation?

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #26 on: November 09, 2011, 21:59:35 pm »
.product-field label {width: 24%;float: left;position:relative;top:15px;left:-18px;}

if you look at the ones that have 1, its because of the row before

THIS text is too big
Marilyn Blond 88: Free
J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

cas

  • Jr. Member
  • **
  • Posts: 487
Re: Custom field images display
« Reply #27 on: November 09, 2011, 22:14:25 pm »
I will definitely donate!  Thanks so much!!!   So are you part of the VM team or just a hero to me? 

One last adjustment is how to center the radio buttons above the images, and how to add a line break between the radio buttons and the images, and finally how to add an extra line break or two after the Free?

cas

  • Jr. Member
  • **
  • Posts: 487
Re: Custom field images display
« Reply #28 on: November 09, 2011, 23:15:41 pm »
I was able to adjust everything, except centering the radio buttons above the images.   How do I do that? 

Also, how can I remove the : (colon) in front of the Free (that I removed)? 

Finally, is there a way to make the image when clicked open the full-size image in a lightbox?


I also see the additional main images display in a single vertical column when they have a description.  Is there a fix for this?     

FYI, The link you posted for donations didn't work...  it got a 'Fatal Failure '.  I then went to the VM Donations page, but it's in a foreign language, so I'm not sure what it says.  Is there a donation page in English?   

Again, thanks for all your help!
Chuck

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10330
  • VirtueMart Version: 3+
Re: Custom field images display
« Reply #29 on: November 10, 2011, 12:48:32 pm »

 and finally how to add an extra line break or two after the Free?

ASSIGN a specific pixel height to the "label"

J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)