Header image not displaying in shopping cart

Questions and answers about ShopSite Custom Templates

Header image not displaying in shopping cart

Postby freshy » Sat Sep 29, 2012 9:42 pm

Hi,
I tried to customize my store a bit and I found this code in the curved theme page where it explains how to modify it: <table cellpadding="0" cellspacing="0" border="0" width="876" height="130" style="margin: 0px auto; background-image: url(media/curved-stripes-yellow.jpg); background-position: bottom right; background-repeat: no-repeat;" align="center">
<tr>
<td valign="top"><h1>Store Name Here</h1></td>
</tr>
</table>

well, I tried to adapt it to the thick border theme and it works almost perfectly except in the shopping cart where the header image is nowhere to be found. Maybe I shouldn't even be using this particular code with this particular theme in the first place but is the only place where I found information on how to place a header image of my own.
Thanks in advance for any advice you may have for me :)
freshy
 
Posts: 6
Joined: Thu Sep 27, 2012 9:48 am

Re: Header image not displaying in shopping cart

Postby ShopSite Lauren » Tue Oct 02, 2012 12:01 pm

What version of ShopSite do you have, and what is the URL to your store? If you have version 11 or newer, you should have a Company Logo field under Preferences > Layout Settings, which when used, will add that company logo and link to all your store pages including the cart.

If you have a version 10 store or earlier, you will need to add HTML code into your header and 'text at the top of the screen' text fields to include a header image on all pages. You can use the HTML code below (without a table around it so it is more simple than what you are using now), to add the header image to your store pages (Preferences > Page Header/Footer). For the cart, you would need to go to Commerce Setup > Order System > Shopping Cart, and paste the same code (use the full image URL) in the "text at the top of the shopping cart screen" text field. Then you will modify the code below slightly, changing the regular image URL to instead be the secure image URL and paste the code into the "text at the top of the screen" text fields found under Commerce Setup > Order System > Checkout, and Commerce Setup > Order System > Thank You.
Code: Select all
<center><img src="http://mydomain.com/media/image-file-name.jpg" alt="My Store Name Here"></center>
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: Header image not displaying in shopping cart

Postby siamon » Thu Jun 27, 2013 10:32 pm

I am running Shopsite Pro 11 and I am attempting to put cross sell items on my product pages. I have gotten it so that they show up, but I cannot get them to align correctly (center) and the add to cart graphic does not show... instead I am getting the default text. My add to cart graphic shows up correctly everywhere else. Below is the include that I have been working with and customized. I currently only have them showing on one product and can be seen at http://scrap-of.ipower.com/store/product138.html. Any help is greatly appreciately before I pull all my hair out!
siamon
siamon
 
Posts: 1
Joined: Thu Jun 27, 2013 10:13 pm

Re: Header image not displaying in shopping cart

Postby Jim » Tue Jul 02, 2013 3:55 pm

The Cross sell items have their own template section in the shopping cart template. You would need to modify that template if you want image buttons and not the default text buttons which are used on the rest of the shopping cart.

There are 4 cross sell items displayed when I added the item to the cart. That forces the items to be wider than the white background of the main cart screen. It does not appear to be in a table (other than the main page table) so there isn't a direct way to center the block on the page. You could add a <div> section around the loop cross sell section and style that so that it will then be centered.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Header image not displaying in shopping cart

Postby janemcready » Fri Apr 04, 2014 4:22 am

I am running the latest version of shopsite and having the same header issues here too. I tried adding the header codes, but the header image is not displaying. It shows the symbol image cannot be displayed. Is it because of the image size issue or resolution? Please help.





_______________________________________________
JANE-
janemcready
 
Posts: 1
Joined: Fri Apr 04, 2014 4:19 am

Re: Header image not displaying in shopping cart

Postby ShopSite Lauren » Fri Apr 04, 2014 8:51 am

Jane, I am not sure I am following what the issues are currently. I am seeing the header on all of your pages, but you mention the header is still having issues. Can you give me a URL of a page (or let me know what page, such as, the checkout screen), the header is not appearing correctly on. Is it something that is specific to a certain browser. If you open your website in a different browser are you still seeing the same issue? If not, then what browser are you using where you see the issue?

For cross sell items, I am not sure if you are still having all the issues you mentioned before, so I have listed my question below so I know where you are at:
1 - Have you been able to have cross sell products display on your product more information pages?

2 - It looks like the cross sell items in the cart are not completely aligned correctly (the last product is a little squished). The cells are set to be 25% wide, so they should all be equal, but since the product image is displayed to the left of the content, everything is getting pushed out past 25%, leaving the last cell to be squished in a less than 25% width area. The best way to fix this would be to have the product images displayed vertically with the product information instead of horizontally next to the product information. That would also match the layout of the products on your store pages. If you would like to fix this yourself, here are the steps I would suggest taking. (1) Go to Merchandising > Custom Templates > Shopping Cart Templates > asot shopping cart > Edit Cart Template. (2) Find the following line in your template (should be near the bottom...you can do a ctrl+F to find this line, <td class="pcs_product_image" rowspan="3" valign="top"> and remove the rowspan="3", you may also want to change the valign to be middle and add a height, so that the line is now, <td class="pcs_product_image" valign="middle" height="100">. (3) Just below the area you just modified should be a section that looks like, <td class="pcs_product_name">, and just before that add </tr><tr>, so that code is now, </tr><tr><td class="pcs_product_name">.

3 - If your cross sell products are now on your product pages, do you have any alignment issues with those products? If so, can you provide me with the URL to a product page with cross sell products being displayed?
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 10 guests

cron