Positioning and tweaking of variation selection fields

[tdako]

Hi,

I bought this plugin a while ago, but have not really had the chance to give it a serious try. I have also just upgraded to the latest version and it looks pretty good and I’m giving it a test run.

What I’d like to do is this. I have 2 variation fields, and I would like to move the top field a bit to the right. The reason for this is more optic than anything else. The two variation options are of different length to the top field is more to the left.

Here are the variations:

Size|Select Print Size|60×40:85|75×50:117|90×60:153|105×70:277

Framing|Select Frame|Framed|Rolled:-20

Since Size is shorter than Framing, I would like to align the left edge of the size field to match that of the framing field. How could I do this in the php code or CSS file?

Another question I have is that if a visitor, clicks the add to cart button without choosing a size or frame option, he or she gets variation “Select Print Size” in the shopping cart. Is there a way to make the first option not selectable?

Cheers and thanks in advance for any help

Teddy

[amin007]

The easiest is to add a new line so the select boxes are not on the same line. This way they should align fine. Open the “eStore_button_display_helper.php” file and search for the following:

" : ";

Once you find it replace it with the following:

" : <br />";

The “
” will add a new line in HTML.

You have no need to put “Select Print Size” as your first option. That way there will be something selected by default. For example use the following:

Select Print Size|60x40:85|75x50:117|90x60:153|105x70:277

[tdako]

Hi Amin,

Thanks very much for the guideline.

Using the br code, will indeed add a new line. I was thinking of just moving the select box a couple of positions to the right. But looking at this, I probably could use the   code? I’ll give it a try.

Thanks also for the select print size tip……

[tdako]

Yup, I think that works just fine…….

[Author]

Posts