Store customization tricks by M 6 pages: 1 2 [3] 4 5 6
koobooki
Posted: Sunday, April 29, 2012 10:50:07 AM

Groups:

Joined: 5/21/2011
Posts: 8
M wrote:
@koobooki,

You're very welcome. You are correct, the product pages are non-customizable.

@M,

Aww that bites. Hey, either way thanks for all of your Exper-"Tees" (>c < )
M
Posted: Tuesday, May 01, 2012 4:39:10 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@koobooki,

You're very welcome.
M
Posted: Tuesday, May 01, 2012 4:47:48 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
Hello all,

Here is a cool css trick to add background images to all your sidebar titles.
All code goes in the css section of your store. Just add your own image link.

#group_1 .sidePod h1, #group_1 .sidePod h2, #group_1 .sidePod h3, #group_1 .sidePod h4, #group_1 .sidePod h5,
#group_3 .sidePod h1, #group_3 .sidePod h2, #group_3 .sidePod h3, #group_3 .sidePod h4, #group_3 .sidePod h5 {
background: url(Your Image Link Here) top center no-repeat;
height: 25px;
width: 138px;
text-align: center;}


For best fit ensure your image dimensions match those in your code.
The height and width above should fit perfectly on most sidebars but if not just adjust as necessary.

If you would like to change the color of text for the sidebar titles just add the following code to the above, insert anywhere before the } .

color:#ffffff!important;

I hope someone finds it useful.

Barbie
Posted: Thursday, May 03, 2012 7:37:21 PM

Groups: Member

Joined: 2/21/2012
Posts: 8
M,I have a question.. Where do you upload your photos?
I have tried photobucket but the photos are not showing.
Maybe the code was wrong or should I look for a new photo server.

Thank you Smile
M
Posted: Friday, May 04, 2012 2:18:03 AM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@Barbie,

I mainly use Photobucket or Image Shack as they are very reliable and i have never had a problem with them in the past.
Make sure you use the direct image link from photobucket after you upload your image and that should work. If you want you can post the actual code on here and i can take a quick look at it for you.
Barbie
Posted: Friday, May 04, 2012 5:57:22 PM

Groups: Member

Joined: 2/21/2012
Posts: 8
Thanks for responding M,

This is the link that I used: <a href="http://s1175.photobucket.com/albums/r621/barbie_imperial1/?action=view&amp;current=design_banner.jpg" target="_blank"><img src="http://i1175.photobucket.com/albums/r621/barbie_imperial1/design_banner.jpg" border="0" alt="Photobucket"></a>

Is that the right one?
Sorry, Im a newbie and I just started reading your posts. I know a little html but its confusing Smile

M
Posted: Saturday, May 05, 2012 1:19:42 AM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@Barbie,

Great, thanks for posting the link. There are a couple of things you should know about your link.
When you upload an image to Photobucket you need to ensure you select the Direct Link image link, so it should look like the following:

http://i1029. photobucket.com/albums/y000/xxxxx/xxx.png

Just go to your album section of Photobucket where you can see all your uploaded images and hover over the image you want to use and click the Direct Link option and it will automatically copy the link for you. You can then paste it in manually

Also, the default link that photobucket gives you includes a link to your Photobucket album, opening in a new window and Photobucket as alternative text which you dont really want.

You can use the following links as a template and just fill them in with your info:

To open in the same window:

<a href="your website url"><img src="your image link" border="0" alt="your image/link description"></a>

To open in a new window:

<a href="your website url" target="_blank"><img src="your image link" border="0" alt="your image/link description"></a>

Hope that helps.


Barbie
Posted: Saturday, May 05, 2012 6:02:00 PM

Groups: Member

Joined: 2/21/2012
Posts: 8
@M

Thank u much for that info. I will try once more. I was just trying to change the background of my store. If you dont mind, I have another question: How do you put a description or something like an "about us" of the store?
M
Posted: Sunday, May 06, 2012 2:30:51 AM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@Barbie,

You're welcome, i'm always glad to help.

To add a background image to your store, find the following code in your css section:

#mainShell {
width:100%;
background-color:#ffffff;
padding-bottom:40px;
/* add main background image here, if desired:
background-image:url();
*/
}


Then enter your background image source using one of the following codes:

To have a repeating image:

background: url(Your image url) center repeat;

To have a single image:

background: url(Your image url) top no-repeat;

So the code for a repeating image would look like the following:

#mainShell {
width:100%;
background-color:#ffffff;
padding-bottom:40px;
background: url(Your image url) center repeat;
}


To add some text to your homepage is very easy, simply go to:

Store > Settings > Description:

Enter your text and save.

Hope it helps.



craftycorner
Posted: Sunday, May 06, 2012 2:31:46 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 6/27/2009
Posts: 697
Location: Boca Raton
Is there a way to get rid of "Design Options" and/or "Department" in the sidebar???
M
Posted: Sunday, May 06, 2012 2:57:17 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@craftycorner,

I still have not worked out how/if the titles can be removed individually but if you would like to remove them both, add this code to your css section:

.listBox .categoryTitleShell h3{display:none!important;}

Hope it helps.

craftycorner
Posted: Sunday, May 06, 2012 3:28:46 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 6/27/2009
Posts: 697
Location: Boca Raton
M wrote:
@craftycorner,

I still have not worked out how/if the titles can be removed individually but if you would like to remove them both, add this code to your css section:

.listBox .categoryTitleShell h3{display:none!important;}

Hope it helps.



thanks, can we remove categories under those titles also??
M
Posted: Sunday, May 06, 2012 4:27:00 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@craftycorner,

Sure, that does not require any css coding at all.
To completely remove both sections go to:

Store > Content

Untick Department Navigation to remove Department

Untick Design Options Filter to remove Design Options

Save.


craftycorner
Posted: Sunday, May 06, 2012 4:37:13 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 6/27/2009
Posts: 697
Location: Boca Raton
M wrote:
@craftycorner,

Sure, that does not require any css coding at all.
To completely remove both sections go to:

Store > Content

Untick Department Navigation to remove Department

Untick Design Options Filter to remove Design Options

Save.




OMG, that was so simple, i always seem to think things are harder to do than it really is.. Can't believe I missed that, thanks, yo've been a HUGE help today..
M
Posted: Sunday, May 06, 2012 5:05:17 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@craftycorner,

You're welcome, always glad to help.
M
Posted: Monday, May 07, 2012 2:10:29 AM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@debbiety,

To get rid of your store name is easy, just do the following:

- Do not sign in to Zazzle
- Do not go to the forum
- Do not spam!

Hope that helps.
Barbie
Posted: Monday, May 07, 2012 3:29:12 AM

Groups: Member

Joined: 2/21/2012
Posts: 8
@M,

Whoah! That I gotta try.. Thanks a bunch, a lot for your help Smile
If I have question, I will not hesitate to ask.. LOL

My store is my main project now.. So, I got to read posts here.. Get some info... Have a nice day .. Smile
M
Posted: Monday, May 07, 2012 5:04:36 AM
 Zazzle Proseller
Groups: ProSeller

Joined: 3/11/2011
Posts: 299
@Barbie,

You're welcome, i'm always glad to help out.

Good luck with your store and have a great day.
EverAfter
Posted: Wednesday, May 09, 2012 5:18:06 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 1/19/2008
Posts: 11
Location: Marlborough
I'm sure this has already been covered but I am having a difficult time locating it.

I am trying to figure out how to replace the text in the Side Pod with a graphic (like this http://www.zazzle.com/GirlyTemplate). I know you have to change the font color to transparent but that's really all I know. Any help would be greatly appreciated.

btw, M ... your hints, tips, instructions are invaluable and much appreciated. VERY helpful Smile
GoogieHeaven
Posted: Wednesday, May 09, 2012 8:14:16 PM
 Zazzle Proseller
Groups: ProSeller

Joined: 2/27/2012
Posts: 16
Location: Hollywood
Hi M,
http://www.zazzle.com/googieheaven
I have my store categories set up by product type. On each product type page I then have the products subcategorized by pattern. Everything is just the way I want it BUT I'd like to offer a menu on the homepage of my entire pattern collection functioning essentially the reverse of the category list in the left-hand pod.
Scrolling would be nice but perhaps too much to ask. I see that I can place a table to hold thumbs w/ text and links (these would be the Search Box results for the pattern name - this works too) into the Settings> Description: box but the "Scrolling" functionality would be a nice touch as seen here: http://www.zazzle.com/googieheaven/gifts?cg=196659660518244636
I'll try again to capture the code for that bar and change the links to those needed but I believe there is a code restriction for the Settings> Description: box. My first attempt at this work around had the code visible as text on the store homepage.
Anyone have a solution/suggestions?
Users browsing this topic
Guest


Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
Print this topic
RSS Feed
Normal
Threaded