- This topic has 9 replies, 3 voices, and was last updated 1 year, 8 months ago by David.
May 3, 2020 at 4:45 am #1267242Robert
I want to add a “sticky, floating” trust badge like Trusted Shops at the bottom of every WooCommerce page. The trust badge graphic is actually an HTML code that updates the number of review stars. It is also linked to the trust portal, e.g. trustedshops.com.
The bagde should stay at the same viewpoint at all times, bottom right. It should only be visible on desktop.
Unfortunately, adding a sticky section to the global footer with Elementor theme builder interferes with sticky cart bottom panel.
Appreciate your ideas!
RobertMay 3, 2020 at 8:15 am #1267607DavidStaffCustomer Support
you can try adding it to the site using a GP Hook Element:
after_footerhook would be a good place to add it.
We can then provide some CSS to position it.May 8, 2020 at 1:03 am #1274908Robert
Thanks! The badge should have a fixed (‘sticky’) position: horizontally aligned right & vertically centered. Delayed follow on scroll would be bonus. How can that be achieved (with CSS)?
RobertMay 8, 2020 at 3:36 am #1275052DavidStaffCustomer SupportMay 8, 2020 at 8:18 am #1275507Robert
You will be able to view the element here:
<li>https://casimum.de/shop/</li>May 8, 2020 at 4:03 pm #1276034TomLead DeveloperLead DeveloperMay 9, 2020 at 3:38 am #1276454Robert
Thanks! I ended up using (relative) vertical centering:
transform: translate(0%, -50%);
Do you know the animation CSS to make it slide in from off right on page load, 2 sec. delay?
RobertMay 9, 2020 at 6:46 am #1276613DavidStaffCustomer SupportMay 13, 2020 at 3:07 am #1282111Robert
Thank you, David!May 13, 2020 at 4:38 am #1282203
- You must be logged in to reply to this topic.