Cornerstone: Animations + WooCommerce Elements

[mmelton12]

Hi,

Just upgrade to 4 (4.0.10)- Extremely impressed with the new build, though I have a few questions.

1. With animation - Is there any (native or otherwise) way to make elements sticky? I am trying the following but no luck.

$el {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 20;
}

2. WooCommerce: Is there a way to display a specific variable product? Choosing
   “Products” element only gives me Count / Columns / Orderby / Order. My goal is to show a specific variable product with the variants. I can achieve this (and have been) other ways, but just looking for clarification.

Thanks & happy new year.
Matt

EDIT: Just discovered the “Fixed” option within the DIV element. Goal is to have the div fixed upon scroll at a certain point, and then the next container push it up (un-fix it), if that makes sense.

[tristup]

Hi Matt,

Thanks for reaching out.
Please find the answer to your queries below:

1. Regretfully, there is no such option to fix the div and then unfix it. What you are expecting is required customization, and that is beyond the scope of our theme support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where the customization questions are answered. Alternatively, you can check and try the sample code which may help you: http://jsfiddle.net/0ay2gexj/

2. There is no such option currently available for the Product element.

Thanks.

[mmelton12]

Trisup, hi!

Thanks for your response.

Followed the jsfiddle. I’m can generally custom code myself (with some help from this forum and stackoverflow), and have been able to achieve the stickyness I needed, but I’m experiencing a common problem, which is the the sticky item is jumping to left, and then disappearing when the next element reaches scroll point, which should ideally unstick it and let it continue to scroll. You can see here:

Are you prepared for an emergency?

I believe this has to do with positioning and wrappers… but haven’t yet found the fix. Any thoughts would be appreciated.

Thanks,
Matt

[nabeel]

Hey Matt,

As you see this requires custom scripting, regretfully custom development is outside the scope of support we can offer. You may wish to consult a developer to assist you with this or you can use one of our newly launched service called One, where the customization questions are answered.

Thanks for understanding. Take care!