Flotting bar add to cart

Resolved bachir2021
(@bachir2021)

2 years, 7 months ago

Good morrnig,
I enabled the flotting bar add to cart but it doesn’t show up
Can I add a frame with a prominent background to the product image?
Thank you very much in advance.

The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)

Abhishek
(@abhikr781)

2 years, 7 months ago

Hello,

Kindly share a snapshot of the settings because not getting any floating bar on the page.

And Sorry but not getting where exactly do you want to add the prominent background? please share a snapshot with the marked area.

Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

Good morning, I don’t know how to work sanpshot, but i’ll explain in detail what i did.

I am using Oceanwp theme with Elementor and WooCommerce.
When I set the floating bar “On” (Customize => WooCommerce => Unique Product), it won’t display when I scroll down till I won’t see the add to cart button : anything I should do, to make it work ?
I deactivated all plugins … but I still do not see any floating bar.

Any chances to get an answer from you?
Thank you very much
Abhishek
(@abhikr781)

2 years, 7 months ago
Thank you so much for explaining the issue.

Would you be so kind and go to Elementor > System Info and share the report with us so that we can take a look?

It seems a plugin conflict issue, Try to disable all the nonocean plugins and check if it is working well or facing the same issue. If working well, enable the plugins one-by-one, and refresh the page after enabling each plugin, to check the conflict issue.

You can also add the below CSS code from the Appearance > Customize > Custom CSS, and check.
```
.owp-floating-bar {
    height: 66px;
    top: 40px;
    visibility: visible;
    opacity: 1;
}
```
Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

== Server Environment ==
Operating System: Linux
Software: Apache/2.4.25 (Debian)
MySQL version: Debian 10 v10.3.25
PHP Version: 7.4.23
PHP Max Input Vars: 16384
PHP Max Post Size: 417M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 5.8.1
Site URL: https://arabisk.fr
Home URL: https://arabisk.fr
WP Multisite: No
Max Upload Size: 416 Mo
Memory limit: 512M
Permalink Structure: /%postname%/
Language: fr-FR
Timezone: 1
Admin Email: info@arabisk.fr
Debug Mode: Inactive

== Theme ==
Name: OceanWP Child
Version: 1.0
Author: Nick
Child Theme: Yes
Parent Theme Name: OceanWP
Parent Theme Version: 3.0.7
Parent Theme Author: Nick

== User ==
Role: administrator
WP Profile lang: fr_FR
User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36 Edg/91.0.864.48

== Active Plugins ==
Akismet Anti-Spam
Version: 4.1.12
Author: Automattic

Colissimo shipping methods for WooCommerce
Version: 1.6.3
Author: Colissimo

Customer Reviews for WooCommerce
Version: 4.24
Author: CusRev

Elementor
Version: 3.4.3
Author: Elementor.com

Elementor Pro
Version: 3.4.1
Author: Elementor.com

Everest Forms
Version: 1.7.6
Author: WPEverest

Facebook for WooCommerce
Version: 2.6.4
Author: Facebook

Facebook for WordPress
Version: 3.0.6
Author: Facebook

GDPR Cookie Compliance (CCPA, PIPEDA ready)
Version: 4.5.10
Author: Moove Agency

GTranslate
Version: 2.9.2
Author: Translate AI Multilingual Solutions

iThemes Security
Version: 8.0.2
Author: iThemes

LWS Affiliation
Version: 0.1
Author: LWS

MC4WP: Mailchimp for WordPress
Version: 4.8.6
Author: ibericode

Ocean Custom Sidebar
Version: 1.0.7
Author: OceanWP

Ocean Extra
Version: 1.8.1
Author: OceanWP

Ocean Modal Window
Version: 2.0.3
Author: OceanWP

Ocean Posts Slider
Version: 2.0.2
Author: OceanWP

Ocean Product Sharing
Version: 2.0.0
Author: OceanWP

Ocean Social Sharing
Version: 2.0.0
Author: OceanWP

Ocean Stick Anything
Version: 2.0.2
Author: OceanWP

Really Simple SSL
Version: 5.1.0
Author: Really Simple Plugins

Trustpilot-reviews
Version: 2.5.888
Author: Trustpilot

UpdraftPlus – Backup/Restore
Version: 1.16.61
Author: UpdraftPlus.Com, DavidAnderson

WooCommerce
Version: 5.6.0
Author: Automattic

WooCommerce Blocks
Version: 5.8.0
Author: Automattic

WooCommerce Stripe Gateway
Version: 5.4.1
Author: WooCommerce

WordPress Importer
Version: 0.7
Author: wordpressdotorg

WP-Optimize – Clean, Compress, Cache
Version: 3.1.12
Author: David Anderson, Ruhani Rabin, Team Updraft

WPForms Lite
Version: 1.6.9
Author: WPForms

WP Mail SMTP
Version: 3.0.3
Author: WPForms

WP Maintenance Mode
Version: 2.4.1
Author: Designmodo

WPS Hide Login
Version: 1.8.6
Author: WPServeur, NicolasKulka, wpformation

Yoast SEO
Version: 17.1
Author: Team Yoast

== Elementor – Compatibility Tag ==

Elementor Pro: Compatibilité non spécifiée

== Elementor Pro – Compatibility Tag ==

== Elements Usage ==

page : 2
heading : 2
text-editor : 4
wp-widget-mc4wp_form_widget : 2
section : 7
divider : 1
heading : 9
icon : 1
icon-box : 1
image-gallery : 1
social-icons : 1
text-editor : 2
wp-post : 0
button : 9
heading : 21
icon-box : 7
image : 6
shortcode : 3
slides : 1
spacer : 1
text-editor : 2
video : 4
wp-widget-ocean_mailchimp : 1
wp-page : 4
google_maps : 1
text-editor : 1

== Log ==

Log: showing 20 of 392021-07-21 21:00:04 [info] elementor::elementor_updater Started
2021-07-21 21:00:04 [info] Elementor/Upgrades – _on_each_version Start
2021-07-21 21:00:04 [info] Elementor/Upgrades – _on_each_version Finished
2021-07-21 21:00:04 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.3.0’,
‘to’ => ‘3.3.1’,
)]
2021-08-04 20:09:31 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.3.4’,
‘to’ => ‘3.3.5’,
)]
2021-08-20 16:40:13 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.3.1’,
‘to’ => ‘3.4.2’,
)]
2021-08-20 16:40:14 [info] elementor::elementor_updater Started
2021-08-20 16:40:14 [info] Elementor/Upgrades – _on_each_version Start
2021-08-20 16:40:14 [info] Elementor/Upgrades – _on_each_version Finished
2021-08-20 16:40:14 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.3.1’,
‘to’ => ‘3.4.2’,
)]
2021-08-21 20:45:01 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.3.5’,
‘to’ => ‘3.3.7’,
)]
2021-08-26 18:51:22 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.3.7’,
‘to’ => ‘3.3.8’,
)]
2021-08-31 00:28:27 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.4.2’,
‘to’ => ‘3.4.3’,
)]
2021-08-31 00:28:28 [info] elementor::elementor_updater Started
2021-08-31 00:28:28 [info] Elementor/Upgrades – _on_each_version Start
2021-08-31 00:28:28 [info] Elementor/Upgrades – _on_each_version Finished
2021-08-31 00:28:28 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.4.2’,
‘to’ => ‘3.4.3’,
)]
2021-08-31 00:28:30 [info] Elementor data updater process has been queued. [array (
‘plugin’ => ‘Elementor’,
‘from’ => ‘3.4.2’,
‘to’ => ‘3.4.3’,
)]
2021-08-31 00:28:36 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.3.8’,
‘to’ => ‘3.4.0’,
)]
2021-09-02 10:58:07 [info] Elementor data updater process has been completed. [array (
‘plugin’ => ‘Elementor Pro’,
‘from’ => ‘3.4.0’,
‘to’ => ‘3.4.1’,
)]

PHP: showing 3 of 3PHP: 2021-06-26 15:08:32 [error X 1][/htdocs/wp-content/plugins/elementor-pro/modules/theme-builder/classes/conditions-manager.php::181] Uncaught Error: Class '\ElementorPro\Modules\ThemeBuilder\Conditions\General' not found in /htdocs/wp-content/plugins/elementor-pro/modules/theme-builder/classes/conditions-manager.php:181
Stack trace:
#0 /htdocs/wp-content/plugins/elementor-pro/modules/theme-builder/classes/conditions-manager.php(263): ElementorPro\Modules\ThemeBuilder\Classes\Conditions_Manager->register_condition('general')
#1 /htdocs/wp-includes/class-wp-hook.php(292): ElementorPro\Modules\ThemeBuilder\Classes\Conditions_Manager->register_conditions('')
#2 /htdocs/wp-includes/class-wp-hook.php(316): WP_Hook->apply_filters(NULL, Array)
#3 /htdocs/wp-includes/plugin.php(484): WP_Hook->do_action(Array)
#4 /htdocs/wp-settings.php(582): do_action('wp_loaded')
#5 /htdocs/wp-config.php(84): require_once('/htdocs/wp-sett…')
#6 /htdocs/wp-load.php(37): require_once('/htdocs/wp-conf…')
#7 /htdocs/wp-blog-header.php(13): require_once('/htdocs/wp-load…')
#8 /htdocs/index.php(17): require('/htdocs/wp-blog…')
#9 {main}
thrown [array (
‘trace’ => ‘
#0: Elementor\Core\Logger\Manager -> shutdown()
‘,
)]
PHP: 2021-09-02 10:55:59 [error X 1][/htdocs/wp-content/plugins/elementor/data/base/controller.php::206] Uncaught Error: Class 'ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates' not found in /htdocs/wp-content/plugins/elementor/data/base/controller.php:206
Stack trace:
#0 /htdocs/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/controller.php(17): Elementor\Data\Base\Controller->register_endpoint('ElementorPro\\Co…')
#1 /htdocs/wp-content/plugins/elementor/data/base/controller.php(261): ElementorPro\Core\App\Modules\SiteEditor\Data\Controller->register_endpoints()
#2 /htdocs/wp-content/plugins/elementor/data/base/controller.php(36): Elementor\Data\Base\Controller->register()
#3 /htdocs/wp-includes/class-wp-hook.php(303): Elementor\Data\Base\Controller->Elementor\Data\Base\{closure}(Object(WP_REST_Server))
#4 /htdocs/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array)
#5 /htdocs/wp-includes/plugin.php(470): WP_Hook->do_action(Array)
#6 /htdocs/wp-includes/rest-api.php(537): do_action('rest_api_init', Object(WP_REST_Server))
#7 /htdocs/wp-includes/rest-api.p [array (
‘trace’ => ‘
#0: Elementor\Core\Logger\Manager -> shutdown()
‘,
)]
PHP: 2021-09-04 23:44:26 [notice X 2][/htdocs/wp-content/plugins/elementor/includes/managers/image.php::87] Trying to access array offset on value of type bool [array (
‘trace’ => ‘
#0: Elementor\Core\Logger\Manager -> shutdown()
‘,
)]

Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

I used the code css that you send me. Non change.
Thank you

Abhishek
(@abhikr781)

2 years, 7 months ago

Hello,

That you for sharing the system info.
Please try to switch to the parent theme and check if it is working well or facing the same issue.

And Not getting the added CSS code, can You please share snapshots where you have added the above CSS code.

Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

No floating bar add to cart on parent theme.
The Code css add: apparence – custumez – code css.
Thank you

Abhishek
(@abhikr781)

2 years, 7 months ago

Seems something missing is in your Custom CSS box.
Please share a snapshot of the Custom CSS box or if possible copy and paste all the added code in that box.

Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

/* Hero Title */
.elementor-element.hero-title .elementor-widget-container { display: inline-block; }

/* Footer Callout */
.store-callout .icon-box-icon, .store-callout .icon-box-heading { display: table-cell; vertical-align: middle; }
.store-callout .icon-box-icon { height: 1em; width: 1em; line-height: 1em; }
.store-callout .icon-box-icon i { color: #5b4f4f; font-size: 34px; margin-right: 15px; }
.store-callout .icon-box-heading { font-size: 15px; font-weight: 400; margin: 0; color: #ffffff; letter-spacing: 1px; text-transform: capitalize; }

@media screen and (max-width: 767px) {
.store-callout .icon-box-icon { display: none; }
.store-callout .icon-box-heading { display: block; text-align: center; }
}

/* Footer Borders */
#footer-widgets .contact-info-widget i, #footer-widgets .oceanwp-recent-posts li, #footer-widgets .social-widget li a,
#footer-widgets .woocommerce ul.product_list_widget li { border-color: rgba(255, 255, 255, 0.2); }

/* Footer Products */
#footer-widgets .price del, #footer-widgets del .amount { color: #ddd; }

/* Footer Tags */
#footer-widgets .tagcloud a { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); }

#footer-widgets .tagcloud a:hover { background-color: rgba(255, 255, 255, 0.2); color: #fff; border-color: rgba(255, 255, 255, 0.2); }

/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

.envato-block__preview{overflow: visible;}

/* Envato Kit 141 Custom Styles – Applied to the element under Advanced */

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
margin-top: 0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.envato-kit-141-bottom-0 p {
margin-bottom: 0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
margin-bottom: .5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
padding-bottom: 52px;
}

.envato-kit-141-display-inline {
display: inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots {
bottom: -40px;
}

/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

/** Start Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/

.envato-block__preview{overflow: visible;}

/** End Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
.woocommerce-demo-store .demo_store {
background-color: #ff5623 ;
}
.contact-info-widget.default i {
border-radius: 50px !important;
}
.everest-forms .everest-forms-part-button,
.everest-forms a.button:not(.button-large),
.everest-forms button.button:not(.button-large),
.everest-forms button[type=submit],
.everest-forms input[type=submit] {
color: #fff;
background-color: #ff5623

Abhishek
(@abhikr781)

2 years, 7 months ago

Thank you so much for sharing the code.
As checked closing bracket is missing at the end of the code.
Kindly first add a closing bracket in the last code then add the above-provded code it will work.
https://ibb.co/sHBjgTD

Thread Starter bachir2021
(@bachir2021)

2 years, 7 months ago

It work
Thant you very much

Abhishek
(@abhikr781)

2 years, 7 months ago

You are most welcome and glad to hear that issue has been fixed.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Flotting bar add to cart’ is closed to new replies.