Questions about layout

[Paula]

1. I have assigned pages to my category pages. For instance, so far I have Owls and Cardinals on by Bird Gifts Category as follows: http://www.owlsandfriends.com/page12.html

But above the links it is showing as "no image available" even though I have uploaded the images. Is there a trick to getting the thumbnail images to show along with the links/pages?

2. Even though I have checked the box under Edit Page Layout that reads "Check here to display Page Header on this page" I can't get the borders to appear.

3. Regarding the navigation bar at the top on any given page: When I click on "Cardinals" on the Bird Gifts page, not sure why it wouldn't show Home > Bird Gifts > Cardinals. Instead it just says Home > Cardinals. Which leads me to believe I am doing this incorrectly, however when you go to the navigation under Preferences it only allows for a two-level category. It's not that big of a deal to have the 3-tiers, but if I'm missing a trick would love to know.

Thanks,

[ShopSite Lauren]

1 - You will need to assign the link graphic (this is different than the banner graphic, etc. You select this for each page by going to Pages > Edit Page Content.

2 - The header is what you have in Preferences > Layout Settings, and you have the phone number in the header field. So by checking that checkbox you are displaying the phone number on all store pages. There is no additional border that gets displayed.

3 - You aren't doing anything wrong, ShopSite doesn't have a way of displaying a parent category for a sub category (no way to determine which parent category page a sub page is assigned to, and could be assigned to multiple pages), so the breadcrumbs will only ever go 2 tiers on pages, and 3 tiers on product more information pages. There are tricks to getting around this but it requires modifying the template.

[Paula]

Lauren,

Thank you for these replies and on the other post.

I am referring to the borders that separate the products on any given page. For instance, on the Cardinals page, would like borders separating each of the items on this page. http://www.owlsandfriends.com/page30.html

[Jim]

You could try going to Pages > Edit Page Layout and check the box Column Borders: [ ] Check here to display column borders.

If that doesn't work you will need to find the style for that particular element by viewing the html source and modify it to add the border.

[Paula]

Yes, I tried doing that, but it doesn't work. Unfortunately, I have no idea how to modify the html source to add the border. How would I do this, and do I need to do this for each page I want this on?

Also, is there a trick for getting the 3 columned- items to be more centered? They currently all line up to the left. I tried changing this via page layout, but it only centers the text at the top.

You could try going to Pages > Edit Page Layout and check the box Column Borders: [ ] Check here to display column borders.

If that doesn't work you will need to find the style for that particular element by viewing the html source and modify it to add the border.

[Jim]

For the issue with the item alignment there are 2 setting for each product on Products > Edit Product Layout > Image Alignment: and Text Wrap: See if changing one or both of those will change the layout.

I can't tell from looking at your page exactly which Theme you have selected because a number of the themes use some of the same files. On the Preferences > Themes which Theme have you selected? Are you using the Page and Product templates from that theme or have you selected a different Page or product template on the Pages >Edit Page Layout or the Products >Edit Product Layout screens?

You shouldn't have to edit any of the actual page html, you would just modify the template file and republish and the change would be made to any pages using that template. You can modify the templates under Merchandising >L Custom Templates. Once I know which theme you have selected I'll try some things in my store to see if I an figure out what setting you need to use to add the border and change the alignment.

[Paula]

The theme I have is Business Casual.

[Paula]

Any thoughts on how I can add visible borders to my columns on the product pages? I tried clicking the box that asked if I want to add borders, under page layout. But it doesn't work. Thanks.

[Paula]

Also, regarding layout:

I have this page http://www.owlsandfriends.com/page12.html and this page http://www.owlsandfriends.com/Cardinal_Gifts.html set up exactly the same, but they appear a little differently in real-time. On /page12.html page all the items are centered perfectly. On the /Cardinal_Gifts.html page everything starts from the left, and I would like it to be centered like the /page12.html page. Also the Cardinal page has a visible border all the way on the left side, when the page12 page does not.

[Jim]

I was able to get a border around the products using the same theme you are by doing the following.
Go to Merchandising > Custom Templates > Includes.
In the Publish Files section click the Copy ShopSite Publish.
From the list look for the file MU-Basics.css and click on it. Then in the new name field put MU-Basics.css1
(note the 1 at the end) and click the Copy button and the file will be copied and you are taken back a screen.
Now there should be a file in the list called MU-Basics.css1 select that and click Edit Publish.
Scroll to the very bottom of the file and add

Code: Select all

td.pr {
    border: 2px solid;
}


Then click the Save Changes button.
Now select the file name MU-Basics.css1 and click the Copy Publish button and give it the name MU-Basics.css.
The list will now contain both the version with the 1 at the end and the one with out now. The one without the 1 must have the same name as the ShopSite template that it was copied from so that it will be used instead of the ShopSite provided one.

Note that the above code has "2px" which will make a 2 pixel wide border, if you want a narrower one you could use 1px or if you want a wider one use a higher number. You must publish the store again to see the changes on your pages.

[Paula]

Jim,

I got up to this point, and am looking at two files: css and css1. I guess I don't quite understand how to apply the new includes file to all my pages. I did try publishing.

The list will now contain both the version with the 1 at the end and the one with out now. The one without the 1 must have the same name as the ShopSite template that it was copied from so that it will be used instead of the ShopSite provided one.

Note that the above code has "2px" which will make a 2 pixel wide border, if you want a narrower one you could use 1px or if you want a wider one use a higher number. You must publish the store again to see the changes on your pages.[/quote]

[Jim]

On Merchandising > Custom Templates > Includes are there two files listed in the "Publish Files (css, js, ...)"
section? (The should not be in the Include Files section at the top of the page).
The two files should be MU-Basics.css and MU-Basics.css1 if you did the copy correctly after you made the change to the file.

If you have those two files and you made the modification to the code then all you would need to do is publish the store and reload your store page to have the changes display.

I went to the pages Cardinal_Gifts.html and viewed the source of the page and clicked on the link for the MU-Basics.css file and the last line in the file is

Code: Select all

MU-Basics.css1

It should have this

Code: Select all

td.pr {
    border: 2px solid;
}

So you need to edit the file MU-Basics.css and change the last line from "MU-Basics.css1" to "td.pr { border: 2px solid; }" . Click the Save changes button and publish the store again then view your page and see the difference.

PS. you can delete the MU-Basics.css1 file since it is not use anywhere, You just need the MU-Basics.css file.

[Paula]

Jim,

I got it to work. Thank you. However, the box goes very wide when there are fewer than 3 items on a page, i.e http://www.owlsandfriends.com/page90.html. Is there a way to fix this?

[Paula]

Also, the images within the boxes are positioned to the left, and I would like them centered. I went to Preferences > Page defaults and changed item alignment to Centered, then republished. But the images are still lined up to the left. Is there a trick I'm missing?

[Paula]

Also, three more questions:

1. Is there a way to put some space between the title and start of description on the More Info pages?

2. I would like to publish the SKU within the More Info pages, but when I do this they also appear on the Category Pages by where the Add to Cart button is. So basically I would like to have the SKU appear here: http://www.owlsandfriends.com/Sienna_Sky_Cardinal_Earrings.html but NOT here: http://www.owlsandfriends.com/Cardinal_Gifts.html

3. I have my Search page layout set for 3 columns, but it is still coming out as one column. Would like three columns.