(Solved) Attributes drop down boxes. How to change the size of the box?

[bykrmom]

Could someone point me to where the size of the drop down box for size and attributes for the front of the shop is coded? I have a great need to enlarge them (width) because many of my products increase in price with size and/or attribute. I'd like to be able to show the increase in the boxes in addition to the regular information.

An example of what I need to enter would be "Orange (color group 2)" or "2XLarge (adds $2.40)" Currently, all the customer can see of either is "2Xlarge (a" or "Orange (add"

The box width seems to be only 11 characters wide, and I'd like to find where the code is to increase this to 20 or even 25 characters

Any help with where to find the code would be greatly appreciated.

Also,

Soon I will be able to give you a URL where you can see the massive store I've created using PrestaShop. Currently, my product count numbers over 5300, and a large number of those have multiple sizes and/or attributes. Through trial and error, I've discovered that the PrestaShop store seems to run the best on a Linux (SUSE 10.3) based server, with Apache, PHP, and MySql. I am extremely happy with the PS software (and so are my employers!).

I am currently looking into the possibility making some changes to PrestaShop to better enable it for industrial/commercial sales where regular customers will have variables that can be set based on their regular purchases and negotiated contract pricing. If I find an integrated way to do that, I hope to offer that here for everyone as an enhancement to PS. I'll keep you posted, but it looks like time to work on it may be scarce for a time.

Angie

[bykrmom]

Just a quick addition to what I said about the software I'm running PrestaShop on. As well as the server software, I also found that Mozilla Firefox ver 2.0.0.6 works MUCH better that any of the Microsoft Internet Explorer versions for running the back office.

Sadly, early on in my tinkering with PS, I inadvertantly destroyed PS's cross browser capability in the front side. This is going to become a huge problem now, and I will have to recreate the look/feel of the shop and restore the original cross browser capabilities from scratch costing huge amounts of time. My sugestion to anyone just starting to play with PS is to research browser compatibility VERY carefully before you mess with the code that the PrestaShop team originally wrote before you start to customize your shop. Otherwise, like me, you'll be facing a complete re-design of your shop.

And...CHECK YOUR WORK on several browsers.

[Matthieu Biart]

Hi bykrmom!

Could someone point me to where the size of the drop down box for size and attributes for the front of the shop is coded?

Install the Firefox plugin called "firebug" which will help you to find such code places ("inspect" will be one of your best friend).

Soon I will be able to give you a URL where you can see the massive store I've created using PrestaShop. Currently, my product count numbers over 5300, and a large number of those have multiple sizes and/or attributes. Through trial and error, I've discovered that the PrestaShop store seems to run the best on a Linux (SUSE 10.3) based server, with Apache, PHP, and MySql. I am extremely happy with the PS software (and so are my employers!).

We're glad to hear such a thing!

I am currently looking into the possibility making some changes to PrestaShop to better enable it for industrial/commercial sales where regular customers will have variables that can be set based on their regular purchases and negotiated contract pricing. If I find an integrated way to do that, I hope to offer that here for everyone as an enhancement to PS. I'll keep you posted, but it looks like time to work on it may be scarce for a time.

Angie

Well, thanks for the share :-)

[Matthieu Biart]

Just a quick addition to what I said about the software I'm running PrestaShop on. As well as the server software, I also found that Mozilla Firefox ver 2.0.0.6 works MUCH better that any of the Microsoft Internet Explorer versions for running the back office.

Welcome to the Micro$oft sofwares and their internet interpretation quality.
(Don't have a look on Word (all versions) or Outlook 2008 if you want to keep your eyes working)
If you want more informations, as usual, google is your best friend (in competition with firebug? lol)

Sadly, early on in my tinkering with PS, I inadvertantly destroyed PS's cross browser capability in the front side. This is going to become a huge problem now, and I will have to recreate the look/feel of the shop and restore the original cross browser capabilities from scratch costing huge amounts of time. My sugestion to anyone just starting to play with PS is to research browser compatibility VERY carefully before you mess with the code that the PrestaShop team originally wrote before you start to customize your shop. Otherwise, like me, you'll be facing a complete re-design of your shop.

And...CHECK YOUR WORK on several browsers.

Yeah, ... first thing to do when you manage web content is to check on as much as possible browsers (Firefox, Opera, Chrome, Konqueror, ... and Internet Explorer).

[bykrmom]

Mathieu,

THanks for the comments, and for recommnending Firefly. I did install that now, but am still having trouble locating those sizes in the color and size drop down boxes. Could you give a gal a push in the right direction? Please?

[bykrmom]

I still haven't resolved this issue of the wrong sized boxes... I still need some help.

Also, I promised to let anyone who wants to look, know the URL of the largish PrestaShop site I created. The URL is http://www.amerisup.com/

You will need to sign up as a new customer to see much at all, but if you put a note in one of the comment boxes on the site, I'd be happy to delete your account if you need me to do so.

Those of you using Mozilla, Chrome, or other non-Microjunk browsers, please note that the cross-browser capabilities are gone on my front end, and so you'll need MSIE in some form to view it.

Thanks,
Angie

[jhnstcks]

I managed to alter my attirbutes boxes, by fiddling around with me global.css file. I used firefox with the firebug addon as you can alter the css and see the reults in on screen, without actually changing the saved file and therefore the site.

I can copy some of the code bits into here if you want to know which bits i changed.

[bykrmom]

Thank you VERY much for the help!

First, let me say I really like your store. Your site catches the eye, isn't too busy, and makes me WANT to look around and shop. NICE job!

Second, I think I need to save money for a while and do some serious shopping for eyewear. The selection you have is marvelous, and I ride nearly year around (motorcycles) and need good, and stylish eye protection. I'll be a customer, I think, if I can afford shipping over the pond to get it here.

Again, thanks for the help. I'm going to try that firebug add-on immediately. I went and downloaded/added it already, but didn't know how to use it. I think I need to put in a little investigative time on it now.

Angie

[jhnstcks]

How you getting on with firebug?

[bykrmom]

I haven't actually had time to look at it yet. I have a lot of small changes the guys wanted, and I'm on that list today. The changes I want will have to wait for me to have more time (I need a way to make 8 hours last 10 on weekdays, or to clone myself)

[Matthieu Biart]

Mathieu,

THanks for the comments, and for recommnending Firefly. I did install that now, but am still having trouble locating those sizes in the color and size drop down boxes. Could you give a gal a push in the right direction? Please?

8-/ I did not recommended Firefly but Firebug just like jhnstcks did.
And the right direction is to click on the "inspect" button (as I already said :roll: ) and then on the element you want to know informations about.
Then you'll see on your screen all css properties applied on it (with their location, file and line), and will even be able to modify them directly on the plugin XD

[dracom]

Hello! Please can you tell me how to change size of the boxes? IE doesnt show full content, so I would like to have it changed to show full content or at least make it bigger "manually" by setting width parameter. Thank you for answering!

[jhnstcks]

These are the three blocks you need to alter in global.css to change the attribute drop down boxes and make the surrounding areas look right.

#primary_block form#buy_block label,#primary_block form#buy_block select{
   display:block;
   width:47%;
   float: left;
   margin-left: -42px;
   margin-top: 3px;
               margin-bottom: 7px;
}
#primary_block div#attributes p, #quantity_wanted_p{ 
   height:2em; 
   width: 320px;
   margin-top: 1em;
}
#primary_block form#buy_block{
   background-color:#FFFFFF;
   font-size:1.1em;
   padding:0.7em;
   color:#000000;
   border: 1px #682D92 solid;

width: 320px;

Changes the size of the box directly, but you will need to change the margins and floats of the area to get it looking right

[jhnstcks]

bykrmom did you get my pm?

[bykrmom]

John,

Yes I did get your PM. I'm sorry I've been so busy I forgot I hadn't responded.

I realized moments after I sent that PM that what I had done was to create a single category, and place all my product under that. DOH! My face was red! I didn't really see what I had done wrong until I looked at the source code for Purple Giraffe! LOL I'm glkad you posted that link!!!!

I fixed it by relocating all the main categories to be listed under "home" and that opened them up the way the bosses wanted them to be.

Thank you so much for the code location on the boxes. I noticed that in Mozilla, the new Google Chrome, and Safari, that the boxes re-size themselves to some extent. SO! What that means is I need to repair the damage I've done to the cross-browser compatibility of our site sooner than later. *sigh* I just hope I can find time. (why are days only 24 hours long?!?)

Thank you for all your help! You're a nice person, and I appreciate it.

Angie (bykrmom)

[Guest]

Management Module Variations Unlimited allows you to remove the limit of visual variations on prestashop prestashop because we can not make other variations from the visual palette of colors.

Quick and optimized loading of combinations

http://xn--crating-cya.com/product.php?id_product=56