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 01-18-2016, 01:32 AM
Dr. Halidu Shokunbi's Avatar
Dr. Halidu Shokunbi is offline
Junior Member
 
Join Date: Apr 2015
Posts: 3
Default

Theme issues: Password block, remove Add More button & create password option, and more


I have read on other forum posts about how to do the following
  1. Remove Add More button from product page
  2. remove sign in links/options
  3. remove create password option from checkout page
  4. Make text black
  5. Hide "Continue shopping" button using following code
  6. Change standard "Go to Checkout" button styles and position

I have followed the instructions on those threads and created an new theme with changed code (see attachment). However, the only code that worked was the coded used to remove the sign-in option from the product page and remove the password option from the checkout page. However, the text is still not black, the checkout page still has sign in option, the add more button is still present on the product page, Continue shopping button is still present, no change to go to checkout button. Please advise

http://www.drhalidfit.com/store/#!/S...380/category=0
Name:  screen shot of code.jpg
Views: 431
Size:  105.9 KB
  #2  
Old 01-21-2016, 08:52 PM
Wendy's Avatar
Wendy Wendy is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,123
Default

Quote:
Originally Posted by Dr. Halidu Shokunbi View Post
I have read on other forum posts about how to do the following
  1. Remove Add More button from product page
  2. remove sign in links/options
  3. remove create password option from checkout page
  4. Make text black
  5. Hide "Continue shopping" button using following code
  6. Change standard "Go to Checkout" button styles and position

I have followed the instructions on those threads and created an new theme with changed code (see attachment). However, the only code that worked was the coded used to remove the sign-in option from the product page and remove the password option from the checkout page. However, the text is still not black, the checkout page still has sign in option, the add more button is still present on the product page, Continue shopping button is still present, no change to go to checkout button. Please advise

http://www.drhalidfit.com/store/#!/S...380/category=0
Attachment 3293
Hello,

I am sorry that you faced this issue.

Recently we released a new layout of Ecwid storefront buttons and icons. After the release some CSS codes that you can find in the help pages became outdated.

At this moment our agents are working on the new instructions and we will surely post the updated CSS codes on our forums soon. In the meantime, please, use the following code which I created for you:

Code:
/* Remove Add More button from product page */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--addMore {
    display: none;
}
/* remove sign in links/options */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--sign_in {
    display: none;
}
/* Make text black */
.ecwid div, .ecwid span, .ecwid a, .ecwid p {
    color: black !important;
}
/* Hide "Continue shopping" button */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--continueShopping,
.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping {
    display: none;
}
You should place this code in your Ecwid control panel > Settings > Design > choose your active CSS theme and add the code into the field. Save the changes and refresh the store page.

In order to change the 'Go to checkout' button, you should use custom CSS code as well. This button is CSS-based as well as all other buttons in the storefront. It means, you can change the look of such buttons using CSS code only, no images are needed. You'll find the instruction in this article: https://help.ecwid.com/customer/portal/articles/1163999 This article explains how to change the 'Buy now' buttons, but the process is the same for each CSS-based button. You need to create a CSS rule for this CSS class:

Code:
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag
For example, I tried the 'Minimal' button from this samples list. The author published the button codes at this link: https://github.com/ubuwaits/css3-but...ts/buttons.css I grabbed the Minimal's button CSS code from there and slightly updated it.

Code:
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag {
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 150px; 
}
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
     }
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; 
}
If you have other concerns, please feel free to write me back and it will be my pleasure to assist you further. Have a wonderful day!
__________________
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:
Dr. Halidu Shokunbi (01-24-2016), Mark Rideout (02-20-2016)
  #3  
Old 01-24-2016, 04:42 AM
Dr. Halidu Shokunbi's Avatar
Dr. Halidu Shokunbi Dr. Halidu Shokunbi is offline
Junior Member
 
Join Date: Apr 2015
Posts: 3
Default

Wow, thanks a lot Wendy. That all worked. The only other things I'd like to change is the text size on all store pages if possible (right now it's tiny), and remove "or" from "Enter your e-mail or" on the checkout page. I tried different code but nothing has worked. Any help will be much appreciated
  #4  
Old 01-25-2016, 08:07 PM
Wendy's Avatar
Wendy Wendy is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,123
Default

Quote:
Originally Posted by Dr. Halidu Shokunbi View Post
Wow, thanks a lot Wendy. That all worked. The only other things I'd like to change is the text size on all store pages if possible (right now it's tiny), and remove "or" from "Enter your e-mail or" on the checkout page. I tried different code but nothing has worked. Any help will be much appreciated
Hi,
My pleasure to help.

In order to change the font size on all store pages, please, use this CSS code:

Code:
.ecwid div, .ecwid span, .ecwid a, .ecwid p {
    font-size: large;
}
You can change "Enter your e-mail or" text with the help of custom translation script:

Code:
<script>
ecwidMessages = {
"PaymentDetails.enter_email":"Enter your e-mail"
}
</script>
Add the script in the source code of the page with your Ecwid store as it is described in this article https://help.ecwid.com/customer/port...ationWordpress
__________________
Wendy
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
The Following User Says Thank You to Wendy For This Useful Post:
Dr. Halidu Shokunbi (01-29-2016)
  #5  
Old 01-29-2016, 06:20 AM
Dr. Halidu Shokunbi's Avatar
Dr. Halidu Shokunbi Dr. Halidu Shokunbi is offline
Junior Member
 
Join Date: Apr 2015
Posts: 3
Default

Beauty and brains, you da best Wendy!
The Following User Says Thank You to Dr. Halidu Shokunbi For This Useful Post:
Wendy (01-29-2016)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
add more, password, sign in, text color

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