Return to previous page

Comment créer une Popup lord d’un appuie sur un bouton ?

This topic has 10 replies, 3 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

Kevin

Participant

July 24, 2023 at 13:45

Bonjour,
Je souhaite créer une PopUp qui s’affiche quand il y a un clique sur un bouton exemple : https://zupimages.net/viewer.php?id=23/30/kb35.png

J’aimerais aussi ajouter plusieurs boutons sur la page Single Product.
Exemple : https://zupimages.net/viewer.php?id=23/30/z62z.png

Comment faire ça ? Il faudrait le les boutons prennent toute la largeur de la section 2

Je possède Elementor et Elementor pro

#362775 Copied Theme version: 9.1.9

9 Answers

Rose Tyler

Support staff

July 24, 2023 at 13:58

Hello, Kevin,

Thank you for contacting us and for using XStore.

In this case, we would recommend you contact support of the Elementor Pro plugin.

Without the Elementor Pro, you can use our Single Product Builder. For example: create a static block with the desired content (it can be edited using Elementor https://prnt.sc/FIMZ4BAluY2- ) > add Request quote element into Single Product Builder content area > add static block shortcode as the content of the popup – https://gyazo.com/1fa40acf11cb92f5f6b3b8986cfbfc67 Edit other settings depending on your needs.

We hope this information is helpful.

Kind Regards,
8theme team

#362778 Copied

Kevin

Participant

July 24, 2023 at 14:10

Ok merci;
Comment faire pour que les boutons prennent toute la largeur ?

#362783 Copied

Rose Tyler

Support staff

July 24, 2023 at 14:37

Hello, Kevin,

Thank you for your response.

Please provide URL of the product from your site.

Kind Regards,
8theme team

#362796 Copied

Kevin

Participant

July 24, 2023 at 14:47

Voici le lien du produit
https://kejon.fr/produit/foglia/

Je souhaite que les boutons prennent toute la largeur de la colonne de droite

#362801 Copied
Rose Tyler

Support staff

July 24, 2023 at 15:18
Hello, Kevin,

You can use the next custom CSS code:
```
.single-product .et_b_single-button, .single-product .et_b_single-request-quote-button,
.single-product .add-request-quote-button, .woocommerce.single-product .product .yith-ywraq-add-to-quote {
    width: 100%;
    text-align: center;
}
```
Kind Regards,
8theme team
#362803 Copied
Kevin

Participant

July 24, 2023 at 17:30

Super merci.

J’ai un petit soucis. J’ai pu créer la PopUp en revanche, elle ne prend pas en compte le visuel
Sur éditeur : https://zupimages.net/viewer.php?id=23/30/fb4j.png
Page publié : https://zupimages.net/viewer.php?id=23/30/xrr0.png

J’ai vidé le cache, purgé le cache, effacé mon historique

#362826 Copied

Tony Rodriguez

Support staff

July 25, 2023 at 06:18

Hello Kevin,

In order to address your issue, please navigate to WP-Dashboard >> Elementor >> Settings >> Advanced and set the option “CSS Print Method” to Internal Embedding, click the save changes button, and then clear your browser cache before checking back on your site.

We hope this resolves your issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further:

WP Admin URL:
WP Admin Username:
WP Admin Password:

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#362870 Copied

Kevin

Participant

July 25, 2023 at 11:24

Super j’ai reussi grâce à vous ! Merci

En revanche, en version mobile, je n’ai pas le bouton pour fermer la Pop-up

Comment faire ?

#362921 Copied
Rose Tyler

Support staff

July 25, 2023 at 13:33
Hello, Kevin,

Thank you for your response.

Please change this custom CSS code:
https://prnt.sc/O1urQE6b8fRZ
to:
```
.et-close-popup.et-toggle.pos-fixed.full-left.top {
      left: unset; 
      right: 10px; 
      top: 5px; 
}
```
Best Regards,
8Theme’s Team
#362934 Copied
Tagged: button, create, popup, template, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)