The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 08-05-2014, 09:30 PM
a kilmroe's Avatar
a kilmroe is offline
 
Join Date: Jul 2014
Posts: 20
Default

help with some basic layout


hi guys

please help , spent ages searching

1. I would like my shop banner below to be clickable and to link to my home page, I currently have in ecwid css design this

#Categories-1 {
background: url(http://decorcaketoppers.co.uk/banner.png) left top no-repeat;
padding-top: 85px !important;
margin-top: 0 !important;

}

where can I add something like this <a href="http://decorcaketoppers.co.uk/"> ?? I want to keep it in the ecwid css design bit if possible
---------------------------------------------------------------------------------

2. I have tried to get the vertical catagories working to the left of my products on screen

What happens is the catagoreis overlap my products and my shop logo banner disapppears.

How can I get this to work???

------------------------------------------------------------------------------
3. Does ecwid have the ability for customers to leave feedback/reviews, I would have thought this would be included in the price, its a big seller for me and customers and ultimately ecwid
-------------------------------------------------------------------------------
4.does ecwid offer a zoom on the products, not the browser icons the actual pictures of your products right before people buy, like what amazon do (amazing feature)

thanks
  #2  
Old 08-07-2014, 01:16 PM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by a kilmroe View Post
hi guys

please help , spent ages searching

1. I would like my shop banner below to be clickable and to link to my home page, I currently have in ecwid css design this

#Categories-1 {
background: url(http://decorcaketoppers.co.uk/banner.png) left top no-repeat;
padding-top: 85px !important;
margin-top: 0 !important;

}

where can I add something like this <a href="http://decorcaketoppers.co.uk/"> ?? I want to keep it in the ecwid css design bit if possible
---------------------------------------------------------------------------------

2. I have tried to get the vertical catagories working to the left of my products on screen

What happens is the catagoreis overlap my products and my shop logo banner disapppears.

How can I get this to work???

------------------------------------------------------------------------------
3. Does ecwid have the ability for customers to leave feedback/reviews, I would have thought this would be included in the price, its a big seller for me and customers and ultimately ecwid
-------------------------------------------------------------------------------
4.does ecwid offer a zoom on the products, not the browser icons the actual pictures of your products right before people buy, like what amazon do (amazing feature)

thanks
Hello.

I’ve checked your website here http://decorcaketoppers.co.uk/ and your Ecwid store settings.
1. Unfortunately you are not able to modify the HTML code in Ecwid Control Panel > System Settings > Design > Custom CSS Themes because CSS code is intended for changing the style of HTML elements on your page and you can’t add links in any CSS code. Although, if you’ve made this website yourself, you can easily modify the source code yourself to add this picture anywhere you want by adding the <img> tag which must contain a picture and wrap this tag with <a></a> tags so this picture leads the user to the link that you want.

For example:
Code:
<a href=”http://decorcaketoppers.co.uk/”><img src=”http://decorcaketoppers.co.uk/banner.png”></a>
So this code add a picture and when you click on it you are directed to your website: http://decorcaketoppers.co.uk/

2. Please try to use the following code in your Custom CSS Themes in your Ecwid Control Panel > System Settings > Design. Add this code at the end of all your CSS codes you entered previously.
Code:
.ecwid-categories-vertical {
width:221px; 
float: left !important;
position: fixed !important;
}

div.ecwid-productBrowser {
width: 1000px;
float: left;
margin: 0px 0px 0px 250px !important;
top:-400px;
background: url(http://decorcaketoppers.co.uk/banner.png) left top no-repeat;
padding-top: 40px !important;
}

.ecwid-minicart {
float: right !important;
position: fixed !important;
top:0px;
right:0px;
}

.ecwid-SearchPanel {
float:right;
margin: 0px 165px 0px 0px;
top:60px;
}
Here's what your site should look like as a result:



3. Ecwid doesn’t have reviews feature, however you can add a text field option that your customers can fill in their feedback to you. Please refer to this article on how to set up product options: http://help.ecwid.com/customer/porta...roduct-options

4. You can use Ecwid Product Gallery for this case, however you are able to use third party solutions like this one to demonstrate your products like a custom gallery. In order to do that, you need to modify the product description in HTML mode. Please mind that these solution have to use HTML code only, no <script> tags allowed.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
The Following User Says Thank You to Rick G For This Useful Post:
a kilmroe (08-08-2014)
  #3  
Old 08-08-2014, 02:42 PM
a kilmroe's Avatar
a kilmroe a kilmroe is offline
 
Join Date: Jul 2014
Posts: 20
Default

hi
thanks some great info

I cannot seem to get rid of the large gap between the search bar and product browser, see my page

can you help with this

thanks

Last edited by a kilmroe; 08-08-2014 at 02:46 PM.
  #4  
Old 08-08-2014, 04:48 PM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by a kilmroe View Post
hi
thanks some great info

I cannot seem to get rid of the large gap between the search bar and product browser, see my page

can you help with this

thanks
Hello,

Please add the following code at the end of all your CSS codes in Ecwid control panel.
Code:
div.ecwid-productBrowser {
float: none;
top: 0px;
}
__________________
Ecwid API and App Market Team
Ecwid Developer Website
The Following User Says Thank You to Rick G For This Useful Post:
a kilmroe (08-08-2014)
  #5  
Old 08-08-2014, 05:51 PM
a kilmroe's Avatar
a kilmroe a kilmroe is offline
 
Join Date: Jul 2014
Posts: 20
Default

Did you ever know that your my hero !

Have a great weekend Vitaly, you've earned it
The Following User Says Thank You to a kilmroe For This Useful Post:
Rick G (08-08-2014)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:21 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.