Groups: Member
Joined: 2/21/2012
Posts: 8
|
Yes, thats my question too. Cant put html on the description box and also can somebody please tell me how to put background image on the main page?
Thanks
|
|
 
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@EverAfter, Hi, replacing the text in the sidebar with images basically consists of removing the text links module, either through the content section of your store or using css coding to hide it, and then placing images into the space in the sidebar. It is a similar process to how you got the social icons at the top of your sidebar. Take a look at the following great threads for more info: http://forum.zazzle.com/advanced/simple_sidebar_tricks_examplehttp://forum.zazzle.com/advanced/how_to_add_images_to_sidebarIf you need any further help just let me know. I am really glad you appreciate my help and find the information useful.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
That is a great idea but unfortunately you cannot insert that code in the description box as it only allows basic html. You can however add the images/links into a table as you did and have a scrollable box using some css.
I have used the layout you have right now and applied some coding so you can take a look and let me know what you think. We can then go from there and tweak it as necessary with your own colors, size, etc.
The code goes into the css section of your store:
Store > Appearance > Advanced Store Customization > Check Beta! Enable advanced options > Save > Beta! Advanced (Tab) > Style (CSS) (Box)
Insert the following code anywhere below the first line of code and above the last line of code:
.description font center div center{
width:390px!important;
height:113px!important;
overflow:auto;
margin-top:15px;
padding-top:10px;
border: thin solid #ffffff;
background-color: #8fbc8f;}
Validate and save changes.
Hope it helps.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@Barbie,
I answered your question about changing the page background on page 3 of this thread. You need to ensure you have Beta! Advanced enabled before you can proceed with the steps i have given. If you don't, simply do the following:
Store > Appearance > Advanced Store Customization > Check Beta! Enable advanced options > Save > Beta! Advanced (Tab) > Style (CSS) (Box)
To insert basic html into the description box you can use the following codes as a template:
Link with some text:
<a href="Your url here">Your text here</a>
Link with an image:
<a href="Your url here"><img src="Your image url here"/></a>
Image:
<img src="Your image url here"/>
These are a few basic html links, just let me know exactly what kind of html you are looking for and i will try to help.
Hope it helps.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M!
ThankYou So Much!
That's very slick!
Elegantly solved the problem of the table pushing everything south.
Colors are good 'cept I changed the border size to 0px to more closely resemble the L side pod. Can always change it back.
I'm keeping it!
Exactly how does that code capture the table?
Q:Is there a way to move the text just above into the panel?
Is there a bit of code to add a header or title?
The whole design issue here is that when the "Top Picks Widget" is selected the width of the "Description:" frame is cut to about 2/3. It would display so much better at full width just like the categories scroller appears (when turned on).
Note: Based on this success, thanks to you, I edited out some text redundancies and rearranged things to fit the layout.
Let me know what ya think?
I prefer the aesthetics of the layout without the "Top Picks Widget" by I absolutely MUST have that eye-catching feature near the top. Oh well.
Confidentially, I'm now leaning towards a (original?) concept I came up with just this morning that might just solve what I see as a quickly developing problem with too many patterns vs. too many products.
You can ask me about that if interested.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M,
I was never able to <center>the text to the image in my table.
Tried a variety of html w/o success.
?
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
You're welcome, i'm glad you like it. I basically forced a portion of your description to a certain width and height and used an auto scroll style to allow the user to scroll through the entire section within the set dimensions.
If you want, post the code on here and i can take a better look at it and try to help you out with centering the titles and adding a header/title.
Your store looks great but i know exactly what you mean about keeping the top picks. I played around with some coding and came up with something you might like.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M. Thank you again! I like it but I do see the issue. How do we insert the bg image? Hm..I don't quite see dims. for the bg image there. Here's the table code: <div align="center"><center><table border="0" cellpadding="4" cellspacing="4"><tr><td align="center" valign="top"><a href="http://www.zazzle.com/googieheaven/amoeba1"><font size="1" face="Arial"><img src="http://rlv.zcache.com/isapi/designall.dll?action=getimage&max_dim=152&square_it=true&id=fa1cf99c-a71f-4c20-9324-67c55f931c57&bg=FF6F60" alt="Amoeba 1" align="top" border="0" width="76" height="76"></font></a></td> I tried every <center> code I could think of but no luck. I can live with what I've got but it will always be nagging me. BTW_Who's responsible for that horrible CAPTCHA panel? I must have to refresh it a dozen times before I can make one out.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
I have finally managed to come up with a solution for the sidebar spacing issue. You will need to apply the top picks widget to every section of your store.
As for the table codes, here is an example of a row of four images with the titles centered directly under them:
<div align="center"><center><table><table border="0" cellpadding="4" cellspacing="4"><tr><td><a href="http://www.zazzle.com/googieheaven/amoeba1"><img src="http://rlv.zcache.com/isapi/designall.dll?action=getimage&max_dim=152&square_it=true&id=fa1cf99c-a71f-4c20-9324-67c55f931c57&bg=FF6F60" alt="Amoeba 1" align="center" border="0" width="76" height="76"></a><center><font size="1" face="Arial">Test Center</font></center></td><td><a href="http://www.zazzle.com/googieheaven/amoeba1"><img src="http://rlv.zcache.com/isapi/designall.dll?action=getimage&max_dim=152&square_it=true&id=fa1cf99c-a71f-4c20-9324-67c55f931c57&bg=FF6F60" alt="Amoeba 1" align="center" border="0" width="76" height="76"></a><center><font size="1" face="Arial">Test Center</font></center></td><td><a href="http://www.zazzle.com/googieheaven/amoeba1"><img src="http://rlv.zcache.com/isapi/designall.dll?action=getimage&max_dim=152&square_it=true&id=fa1cf99c-a71f-4c20-9324-67c55f931c57&bg=FF6F60" alt="Amoeba 1" align="center" border="0" width="76" height="76"></a><center><font size="1" face="Arial">Test Center</font></center></td><td><a href="http://www.zazzle.com/googieheaven/amoeba1"><img src="http://rlv.zcache.com/isapi/designall.dll?action=getimage&max_dim=152&square_it=true&id=fa1cf99c-a71f-4c20-9324-67c55f931c57&bg=FF6F60" alt="Amoeba 1" align="center" border="0" width="76" height="76"></a><center><font size="1" face="Arial">Test Center</font></center></td></tr></table></center>
Hope that helps.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M,
Thank you!
I couldn't get
Store > Content > Beta! Advanced > Content Definition (XML)
Find the following codes {there are around 7}:
<z:content placeholder="contentpane">
Then paste the following directly under each of those codes:
<z:module name="toppicks" visible="true" />
to work.
I tried it twice but got the same weird results.
7?
I only found 5.
Ya care to take another look at it?
I'm OK with inserting an bg image.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
You're welcome. I am not too sure why it has not gone through, i cannot access your store content from my side so i have no way of taking a look at it unless you post it on here temporarily or email me your entire content section.
Each store is set up differently depending on the options you have selected so some stores may have 5 and some 7.
I have tested it on my own store template and it looks great, much better than having a background image.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
Hi Zazzlers, I posted this in another thread recently and thought it would be a good idea to add it on here too. My own modified version of the referral link builder bookmark. It is just like the standard referral link builder button but with an added tracking code at the end. You can find more details here: http://forum.zazzle.com/gallery/awesome_referral_link_builder_now_with_trackingHope it helps.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
Hi M,
Here's that code from the Content Definition (XML) containing my edits.
Please let me know how to correct. Thank you!
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
Thanks for posting. I had a look at your code and it looks fine to me. I have used your code in one of my test stores and it works perfectly so i am not entirely sure why it is not working on yours.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M,
Yes, I removed the 2nd imodule and that moved the Top Picks where it belonged BUT I've had to go back to Plan A as that latest fix started screwing around with my sliders "containing" the patterns categories on all those following pages rendering them unoperational and/or switching them to "full grid" status. I never wanted that to happen. Can we figure out how to insert an image in that Top Picks space for all pages beyond the home page? I can live with that. Thanks again for the assistance!
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
Looking into it further, i noticed that the particular coding for the module 5 (toppicks) changes throughout the store depending on what order it is set on in the Content section. In my test store it just happened to be module 5 on all pages of my store.
There is a way around it and i have tried and tested it. Inserting the top picks widget into the top of the sidebar will give it it's own module number and can easily be placed above all other modules across your store. The css given to it will then only affect that module and nothing else.
Let me know if you are interested.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M,
Sure. Let's try it.
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
Great, i'm glad you decided to do it as it is something i have been trying to figure out for a while now.
|
|
Groups: ProSeller
Joined: 2/27/2012
Posts: 16
Location: Hollywood
|
M,
Q: Those Style (CSS) settings are inserted with the "HOME" selected in the drop-down menu. Correct?
Unfortunately the results are not pretty.
There's NOW a huge "green" space in the side pod below the "Top Picks Widget" on all pages and 2 instances of "Top Picks" on the "Home" page.
Here's all my code.
What's wrong or what's next?
Could it possibly be that I have some other setting whether a radio button or scrollable menu setting that's messing it up?
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@GoogieHeaven,
The drop-down menu in the Style (CSS) settings are only for previewing the store changes so it does not really matter what is selected.
If there are two top picks and spacing at the top of the sidebar it must mean that there was a duplicate top picks module in the Content section and that the code that was to be removed was still active.
The coding you have posted looks fine.
|
|
|
Guest |