Thread Tools Display Modes
  #1  
Old 12-15-2014, 11:49 AM
Matt Ecwid's Avatar
Matt Ecwid is offline
Ecwid Team
 
Join Date: Oct 2011
Posts: 4,947
Default

How to change your store look depending on the customer viewing it?


Hi Everyone,

As you know, Ecwid provides a flexible tool for changing look and feel of your storefront – custom CSS themes. By means of slight CSS modifications, you can change text size/color, hide or move some of the blocks on your product pages, adjust price display and more. Also, a lot of Ecwid merchants are using special CSS code snippets that allow to apply different design to different product or category pages.

In the recent update, we added an improvement to this feature – now you can change your store look and feel depending on the customer that opens it. In particular, the CSS customizations you add to your store can now depend on:
  • whether a visitor is a registered customer in your store or not (Logged in / Logged out)
  • a group/membership the customer belongs to (what is customer group?)

How can you use that? Here is a few examples:
  • hide product prices for unregistered customers and show them when a customer logs in
  • change the cart page design for the customers with 'Gold' membership in your store
  • add a custom message to your site or store for the wholesale customers

Please find the exact codes and more details on the feature in our Help center: http://help.ecwid.com/customer/porta...in-pages-only-

Thank you!
__________________
Matt K
Ecwid Team

Ecwid Guide for Beginners

Ecwid Help Center

Ecwid video tutorials

Last edited by Wendy; 11-28-2017 at 12:35 PM.
The Following 6 Users Say Thank You to Matt Ecwid For This Useful Post:
Clara K (12-17-2014), Давыдов Дмитрий (01-08-2018), Hewa Bora (12-04-2018), Joshua Navarro (03-30-2016), Mark Teplitskiy (01-22-2020), WoodYouLike (12-15-2014)
  #2  
Old 03-15-2015, 09:02 PM
D S Appliances Ltd's Avatar
D S Appliances Ltd D S Appliances Ltd is offline
 
Join Date: May 2014
Posts: 6
Default

Hi Matt,
does this mean we can show different prices dependant on customer login?
The Following User Says Thank You to D S Appliances Ltd For This Useful Post:
  #3  
Old 03-18-2015, 09:25 AM
Wendy's Avatar
Wendy Wendy is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,123
Default

Quote:
Originally Posted by D S Appliances Ltd View Post
Hi Matt,
does this mean we can show different prices dependant on customer login?
Hello,
Thank you for contacting Ecwid Customer Care Team!

The matter is that the feature, which is described in the previous message, allows to change design of your store (i.e. the way your store looks) depending on the customer, who visits your store.
Ecwid recognizes customers who:
- has an account in your store or doesn't have it (logged in / logged out);
- belongs to any customer group (for example, wholesalers).
As for product price, it is a part of product information (such as product title or product image), and it can not be changed with the help of CSS customizations. Thus, at this moment it is not possible to display different prices, depending on the customer.

In case you'd like to offer a discount to registered customers only, you can achieve it with the help of special discount coupon. Create the discount coupon in your Ecwid control panel > then add the informative message with the secret coupon code into the description of product category > hide this message with the help of custom CSS code for customers, who isn't logged in or doesn’t have account in your store.

In case you created discounts for customer groups and would like to notify customers about this discount, you can place the informative message into the description of product category as well. You can make this message invisible for another customers, using this instruction: http://help.ecwid.com/customer/porta...oCustomerGroup

Please, let us know should you require any further assistance with the CSS. Please, describe in detail, what exactly you'd like to achieve and we will find a solution for you.

Thank you!
__________________
Wendy
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
The Following 2 Users Say Thank You to Wendy For This Useful Post:
aos tv (07-01-2020), Давыдов Дмитрий (01-08-2018)
  #4  
Old 04-23-2015, 10:09 AM
Earl Portnoy's Avatar
Earl Portnoy Earl Portnoy is offline
Junior Member
 
Join Date: Feb 2015
Posts: 1
Default

Hi
Can the entire look and feel be changed by using a new theme or is it only by changing the css?
Thanks
Earl
The Following User Says Thank You to Earl Portnoy For This Useful Post:
  #5  
Old 04-27-2015, 01:34 PM
Cyril D's Avatar
Cyril D Cyril D is offline
Ecwid Team
 
Join Date: Feb 2015
Location: Ecwid HQ
Posts: 530
Default

Quote:
Originally Posted by Earl Portnoy View Post
Hi
Can the entire look and feel be changed by using a new theme or is it only by changing the css?
Thanks
Earl
Hi Earl,

Thanks for your message!

Since Ecwid is embeddable solution, all its design features were implemented that way that merchant could change the look of his/her store in the way he/she like. This allows seamlessly integrate Ecwid stores to the sites and make of Ecwid not another app on the site, but part of it.

There’s a tool on the web which is perfect for playing around with layout changes. As a result, you’ll get a CSS code for the whole theme, that you’ll need to put to your custom CSS theme in Ecwid control panel → System Settings → Design → CSS Themes page.

You can learn more about managing the Ecwid layout in our articles about changing Ecwid design and customizing Ecwid CSS.

Also, some great Ecwid users offer various themes for your Ecwid store. You can check out their offers here: Maristany—http://www.ecwid.com/forums/showthread.php?t=28731 and Thematizr—http://thematizr.com/store.html.

I hope this helps. If any additional questions appear, do not hesitate to ask.
__________________
Cyril D.
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.
The Following User Says Thank You to Cyril D For This Useful Post:
  #6  
Old 05-08-2015, 03:22 PM
i-Procure's Avatar
i-Procure i-Procure is offline
Junior Member
 
Join Date: Sep 2014
Location: Sydney, Australia
Posts: 3
Default

Is it possible to have a store that displays products ONLY once a customer has logged in?
The Following User Says Thank You to i-Procure For This Useful Post:
  #7  
Old 05-10-2015, 07:36 PM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

Yes, totally. Ecwid adds specific classes to body element, depending on whether customer has signed in or not. Your CSS customizations might include those classes into their selectors so that the customizations only apply to the specific state of Ecwid.
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr
The Following User Says Thank You to Thematizr.com For This Useful Post:
  #8  
Old 05-11-2015, 08:39 AM
Matt Ecwid's Avatar
Matt Ecwid Matt Ecwid is offline
Ecwid Team
 
Join Date: Oct 2011
Posts: 4,947
Default

See also: http://help.ecwid.com/customer/porta...in-pages-only-
__________________
Matt K
Ecwid Team

Ecwid Guide for Beginners

Ecwid Help Center

Ecwid video tutorials
The Following User Says Thank You to Matt Ecwid For This Useful Post:
  #9  
Old 08-20-2015, 07:42 PM
Otissportswear's Avatar
Otissportswear Otissportswear is offline
 
Join Date: Aug 2015
Posts: 1
Default css

What does css means?
The Following User Says Thank You to Otissportswear For This Useful Post:
  #10  
Old 08-20-2015, 08:42 PM
Cyril D's Avatar
Cyril D Cyril D is offline
Ecwid Team
 
Join Date: Feb 2015
Location: Ecwid HQ
Posts: 530
Default

Quote:
Originally Posted by Otissportswear View Post
What does css means?
Hello,

Thanks for reaching us out!

CSS (Cascading Style Sheets) — is a style sheet language used for describing the look and formatting of an HTML-page, or, in this case, it specifies the look and feel of your Ecwid store.

Simply open the Ecwid control panel and navigate to: Settings → Design → CSS Themes. There, you can choose from several pre-defined templates or create your own custom theme.

For more information on customizing Ecwid, visit our CSS FAQ.

Also, the basics of CSS can be found on the W3School site.

Hope this helps!
__________________
Cyril D.
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.
The Following 4 Users Say Thank You to Cyril D For This Useful Post:
aos tv (07-01-2020), Давыдов Дмитрий (01-08-2018), Hewa Bora (12-04-2018), Julia Fernandez1 (08-16-2018)
 

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 12:35 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.