#1  
Old 08-07-2019, 07:49 PM
Rowan Henseleit1's Avatar
Rowan Henseleit1 is offline
Junior Member
 
Join Date: Aug 2019
Posts: 5
Default

More Info on checkout


Hi,

I have customised my checkout item page with this

HTML Code:
.ec-cart__products {
    font-size: 10px !important;
    color: black !important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
   }

   .ec-cart__item{
    border-radius: 0px !important;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
    background: white !important;
   }

   .ec-cart-item__image {
    display: none;
   }

   .ec-cart-item__title {
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: arial !important;
    color: white !important;
    letter-spacing: 1px !important;
    background:linear-gradient(to right, #000080, #1084d0) !important;
    top: 2px;
    left: 2px;
    right: 2px;
    margin: 0;
    padding: 0;
    line-height:22px;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }
   
   .ec-cart-item__control {
    right: 4px !important;
    bottom: 2px !important;
   }

   .ec-cart-item__control-inner svg{
    color: black !important;
    opacity: 1 !important;
    stroke-width: 12 !important;
    height: 14px !important;
    width: 14px !important;
    background: #bfbfbf !important;
    border: 1px solid !important;
    border-top-color: #dfdfdf !important;
    border-left-color: #dfdfdf !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }

   .ec-cart-item__price {
    left: 4px !important;
   }
However the styling is not there when I first enter the shopping cart and must click 'more info' for the styling to be shown.

I am wondering if there is a way to remove having to click more info so my styling can always be there.

I have attached images of the before and after of clicking 'more info'

Thanks,
Rowan
Attached Thumbnails
Click image for larger version

Name:	Untitled-1.jpg
Views:	46
Size:	365.5 KB
ID:	3911   Click image for larger version

Name:	Untitled-2.jpg
Views:	42
Size:	437.3 KB
ID:	3912  

Last edited by Rowan Henseleit1; 08-07-2019 at 09:32 PM.
  #2  
Old 08-08-2019, 11:50 AM
Charlie H.'s Avatar
Charlie H. Charlie H. is offline
Ecwid Team
 
Join Date: Nov 2016
Posts: 283
Default

Hello,

This is Charlie, Ecwid customer care.

As I understand you need to have the products in the cart always collapsed with no '2 items' drop-down button.

I've switched a setting for your account to not have this drop-down and always have the items in a collapsed state.

Let me know if this solves your issue.
__________________
Charlie,
Ecwid Customer Care Team
  #3  
Old 08-10-2019, 09:44 AM
Rowan Henseleit1's Avatar
Rowan Henseleit1 Rowan Henseleit1 is offline
Junior Member
 
Join Date: Aug 2019
Posts: 5
Default

Hi Charlie,

Thank you - that has resolved the issue on the page which I screenshotted but it is still happening on these other pages, is it possible to have the same done to these pages?

I appreciate all the help!

Thanks,
Rowan
Attached Thumbnails
Click image for larger version

Name:	Untitled-3.jpg
Views:	47
Size:	931.7 KB
ID:	3913  
  #4  
Old 08-13-2019, 07:39 AM
Dexter K.'s Avatar
Dexter K. Dexter K. is offline
Ecwid Team
 
Join Date: Dec 2018
Posts: 22
Default

Hello Rowan!

It's Josh from Ecwid team. Thanks for your reply and confirmation!

At the moment, it's possible to keep the products expanded on the first cart page only. I'm sorry about that!

I'll report it to our Developers team so that they would review it. Thanks for bringing our attention to the matter!

Let me know if you have any other questions.
  #5  
Old 05-28-2020, 03:51 AM
ArchMaple's Avatar
ArchMaple ArchMaple is offline
Junior Member
 
Join Date: May 2020
Posts: 3
Default

Quote:
Originally Posted by Rowan Henseleit1 View Post
Hi Charlie,

Thank you - that has resolved the issue on the page which I screenshotted but it is still happening on these other pages, is it possible to have the same done to these pages?

I appreciate all the help!

Thanks,
Rowan
This is great advice! Very honest and practical.I really enjoyed this post.Nice post!!
 

Tags
css, html, javascript

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 04:39 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.