All good, no pressure.
Hi @handshaper,
My apologies for the delay. I finally had a chance to look at the project today.
To fix the issue in the Gearbox Project, just move the Cart Stack, above the EcwidPro Customizer and below the Ecwid Base.
Cheers,
Ricardo
Aloha Ricardo:
I have tried this without any success I still get the same behavior that I had before where with both of the hidden classes no cart shows up. Even though I have the cart set to show when empty.
I have tried everything I can think of without any luck. The only way I can get the cart to show up is if I delete one of the hidden class stacks.
Hi @handshaper,
Here is a solution that is sure to work:
:not(#stacks_in_2541 .ec-storefront-v2.ec-minicart).ec-storefront-v2.ec-minicart
Add only one Hide Class Stack with the code above. Substitute the stack_in_2541with the Id of the Cart Stack that you actually want to display. It will hide the other created with the Ecwid Popup. This is the actual Stack ID of the cart stack in your Gearbox Project.
Cheers,
Ricardo
I tried this as-is without changing anything and it worked.
Where would I find the Stack ID for the cart, I’ve never dealt with an ID before and have no idea where to locate it. Although if this keeps working do I even need to bother.
Working perfectly in Preview.
Hi @handshaper,
The code above is set for the current project, as long as you don’t remove this cart stack and add another ones, as Stacks will create a new ID for each stack added.
To find a stack and its id, select view from the main RW menu, and select ‘view source code’. Then click on the source code and use CMD+F to search for stuff in the source code, and search for: ec-cart-widget.
You’ll find something like this:
<div id="stacks_in_2541" data-custom-icon-url='https://gearbox.surf/warehouse/ICONS/icon-shopping-cart-white.svg'data-layout='BIG_ICON_TITLE_SUBTOTAL' data-show-empty-cart='True' data-fixed='True' data-fixed-shape='RECT' data-fixed-position='BOTTOM_RIGHT' data-horizontal-indent='30' data-vertical-indent='30' data-show-buy-animation='False' class='ec-cart-widget'>
As you see the stack ID is right at the beginning of the code above.
Cheers,
Ricardo
Awesome, Ricardo, got it!
Can I use this same approach in the two other projects where we had previously applied the two hidden classes?
Aloha Ricardo:
One other question I had about the Base and Customizer stacks, can they be used in a partial?
I would like to set them up in a partial and then use it on all the pages where I use BUY NOW button so I can make changes in a single location, when needed.
Yes you can
Hi @handshaper,
The base, customizer and any of the other EcwidPro Stacks can be used in a partial.
I realized there is no way it would work while using this fix for the cart as every instance of the partial would generate a cart with a different stack ID so there would be no way of setting up the hidden class with the correct ID. Instead it has to be done on every single page where the Ecwid stacks are used.
I’m assuming at some point in the future if there is some kind of fix so that this class override is no longer needed then the partial should work fine.
Hi @handshaper ,
This behavior of the cart popping up only occurs when there is no Store Page defined, such as in your project.
I’ll be releasing an update for EcwidPro that will automatically prevent the rogue pop up shopping cart. But that will come with some takeoffs, which I’ll document upon its release
With this update, you’ll be able to place everything partials. But keep in mind that when there is a star page defined and pointed to in the Ecwid stack this behavior, it does not occur.
Awesome, Ricardo.
Thanks so much for all your help, I really appreciate it. I’ll keep an eye out for the update when you release it.
BTW, do you have any plans to move your stacks to Elements? Just trying to plan for the future.
Aloha Ricardo:
Was the update you mentioned in this thread ever released I don’t remember seeing an update.
The fix you gave me is still working, but it is a hassle trying to maintain it when I move the stack around.
Hello @handshaper ,
I have not released a general fix yet, as it turned out to be more complex than I thought, due to the way stacks processes the code.
One thing that completely eliminates the issues, is if you were to create a page with the store stack in it. You still can have your products as they are, but that would prevent the popup in the first place.
I will let you know if I many any changes that completely resolve it.
Cheers,
Ricardo
Aloha Ricardo:
I’m not sure I understand what you mean with the store stack as it wants to display the store when I put it on a page, and then the cart becomes inline on the page instead of floating.
I’m sure I’m missing something.