stretch text to appear right across the screen & move the scroll down options to top

[snooker direct]

Hi

I'm currently in the process of optimising my site so it appears on single product page and I'm having a few issues with the layout

I'd like it so that in all the sections of my store which have fragments of text to have them appear dynamically, all the way across the screen and also have the scroll down options and quanitity box before the add to cart button (they appear at the end of the text on the following link)

http://www.snookerdirect.co.uk/acata...ker_Table.html

Can anyone offer any advice on how to solve this issue please?

Best regards
Heather

[jont]

The text width is being constrained by the main width set in Setting > Site Options .. set to 100% to have it span full width. This may cause some issues with the cart so check all areas of the site before going live with it.

The add to cart button is being floated into place. In design tab click on the cart button and navigate to the parent layout. You will see arond the cart button

<div style="float: right;">

and the closing

</div>

firstly remove the <div> and </div> to bring the button inline. You can then cut and paste the pink layout for the cart button into the layout further down the page above the options.

HTH

Take a working backup before editing any code!

[snooker direct]

Hi joint thanks for your quick response.

I have altered this now, put the custom widths under the site options as the variable 'SectionWidthList' and product list width as 'ProductListWidth' under the general tab I have the width for the pain area set to '800' and in the design wizard the width of design set to '1000' - are these the correct settings? I have refreshed the site if you care to take a look: http://www.snookerdirect.co.uk/acata...line_shop.html

Any hints or tips you have on the layout/overal design and formatting are most welcome.

Thanks for your help, you have saved me an awful lot of time, so thank you very much!

Heather

[leehack]

If you are persisting with the fluid layout, then setting everything to 100% is probably your best bet, that way things will expand to fit the space they have available.

It's pointless adjusting anything on the design wizard tab, unless you are using the design wizard as your template, which you are not, you are using the smart theme. There are 3 widths to set in site options.

[snooker direct]

I did not set this knowingly as fluid layout, I thought I was just using the default Smart layout, would you recommend I stick to fluid or change it to a better layout and if so how do alter this? I have tried to set everything to 100 but it just goes really small and to the left, I think the width is in pixels and not %, I don't know how to alter this so I've just put in the standard variables I mentioned above.

[leehack]

The theme you have chosen is setting the fluid basis, not you.

If you are not putting the % sign after the number, it will not know what you want. I think the 2 measures on the same page will take a % figure for the width, the first will not, that has to be a set pixel width.

[snooker direct]

Ah right, I was unaware of that, thanks Lee.

I will be looking at updating the theme in the long term, however at the moment it appears to be the only one that really works with the layout of my store.

Hope you both have a great bank holiday, thanks again for the advice.

Best,
Heather

[snooker direct]

Hi guys

Sorry it's me again but I'm having trouble with this specific section of ny store: http://www.snookerdirect.co.uk/acata...ard_Table.html

After making the amendments suggested about copy and pasting the add to cart button underneath the code for the components I'm now having the cart display on pages where the item is not available to buy online - such as the antique snooker tables above. The 'can be ordered online' box is unticked as was previously and I have tried altering the code but it just removes the cart from all the other sections of the site or reverts back to the fluid layout with the cart right at the top.

On the antique tables section I also have a double space underneath the headline which I didn't have previously, I've tried removing <br> </br> from the code and also replacing the code with code from other sections which then removes one of the spaces in that section but also the space from underneath the product sections in the rest of the store.

Do you know the best way to go about solving this? :-S

[leehack]

If the add to cart button is still showing, yet you have ticked for it not to, then it seems logical to me that when you did the move for that part, you didn't do it all. There are conditions around the button, that decide whether it shows or not, i suspect these are not moved, borked or only part there.

Without doubt your best course of action will be to revert the product layout back to factory settings and start again, it can be a needle in a haystack when you don't know what you are doing. While you get used to moving things, try and leave them where they are originally and get them in the new place also at the same time, you can compare and always have the original to look at then. Delete the original, once you're happy it all works.

You need to understand selectors and layouts to do this competently, understanding that your site is made up of a number of smaller layouts that all come together to form the site layout. So the add to cart button for instance is a layout within the product layout, the product layout sits within the list layout, which in turn sits within the inner layout, which sits in the outer layout. You have to understand these parts, otherwise its pot luck as to whether what you do works and more importantly, if it screws the whole site up. REMEMBER, if you work on a product layout, that is a template for most if not all of your products in your store, so if you screw it up, you effectively screw all products up. Tread carefully, always check along the way and for heavens sake please snapshot before and after you do anything.

[snooker direct]

I managed to figure out what the issue was. I had removed the two <div> /div> tags and pasted the addtocartbutton text below the attribute and component list further down in the code as div advised, however this resulted in the add to cart button appearing on all the pages. I've now solved this by pasting

<div style="float: left;">
block if
AddToCartButton
/block
</div>

underneath the attribute and component list and the button no longer appears on the wrong pages, so all in all, result.

Thanks, I would not have been able to do this without professional advice from yourself and joint. Kind regards

[snooker direct]

I managed to figure out what the issue was. I had removed the two <div> /div> tags and pasted the addtocartbutton text below the attribute and component list further down in the code as joint advised, however this resulted in the add to cart button appearing on all the pages. I've now solved this by pasting

<div style="float: left;">
block if
AddToCartButton
/block
</div>

underneath the attribute and component list and the button no longer appears on the wrong pages, so all in all, result.

Thanks, I would not have been able to do this without professional advice from yourself and joint. Kind regards

[snooker direct]

how do you delete single threads?

[jont]

I managed to figure out what the issue was. I had removed the two <div> /div> tags and pasted the addtocartbutton text below the attribute and component list further down in the code as joint advised, however this resulted in the add to cart button appearing on all the pages. I've now solved this by pasting

The <div> part only sets the position ... you must have also deleted the block if from around the layout which checks whether the product is available.. I should have been more explicit.

Glad you have it working.

[jont]

how do you delete single threads?

When signed in click on the "edit" option next to your post and in the new screen tick the radio button to delete the message.

[pinbrook]

how do you delete single threads?

it is good for others to see all questions/answers, if you delete the thread it will not be able to help someone with the same/similar question in the future.

if you do not want your links to be indexed by google then just remove them from theindividual posts and leave the thread intact.