Return to previous page

How to change Quick View in Quick Shop??

This topic has 12 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

Juergen

Participant

March 29, 2023 at 13:46

In some demo web pages, the Quick Shop button appears. Is this a standalone button or an alternative label to Quick View?

If the latter, how do I change the Quick View button to Quick Shop?

Another question: In the preview of Quick View, the item description and price appear on mouse-over. With X-Store demos, I often find no preview at all. How can I set up Quick View to show only Quick View and nothing else?

#351644 Copied Theme version: 9.0.5 WooCommerce version: 7.5.1

11 Answers

Rose Tyler

Support staff

March 29, 2023 at 14:28

Hello, Juergen,

Thank you for contacting us and for using XStore.

The text was changed just for the demo, you can do the same using the Loco translate plugin. Install and activate this plugin, go to Theems > XStore > create new English translation > find and change the test > check the result, after that the Loco plugin can be disabled.

Quick View settings you can find in Theme Options > WooCommerce > Shop elements.

Please test different Design Types in Theme Options > WooCommerce > Shop > Products style.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#351654 Copied

Juergen

Participant

March 30, 2023 at 12:52

Hi Rose,

thank you for helping.

I have already edited a template from you, but I don’t like the store and product layout from this template.

I like the store and product layout from the prebuilt website furniture03 very much and I would like to take it over and modify it.

Do I have to import the whole template furniture 03 or is there a possibility to import only the store page and the product layout?

Waiting for your assistance.

Juergen

#351754 Copied

Rose Tyler

Support staff

March 31, 2023 at 08:03

Hello, Juergen,

Thank you for your response.

Please do not do the full import over existing content, you will get a mess.

About Shop page layout, here are screenshots from the demo, please go to Theme Options and change your settings manually: https://prnt.sc/A66erocMZWap https://prnt.sc/-ESYSw03_xj9 https://prnt.sc/ZAHqAit0ZjFz https://prnt.sc/O0YaPHzjLrA- ; https://prnt.sc/hfOIacF0jBw- ; https://prnt.sc/q2UECTBV7-CT https://prnt.sc/UrZgzjc5aBAB https://prnt.sc/RddhczxGKVuB

About the single product layout, please download a file from this page https://we.tl/t-6NA383q5Ah , go to Single Product Builder > Import/Export > import the file.
These 2 areas https://prnt.sc/cpwOsfAiJiux , can be enabed via XStore > Sales Booster > https://prnt.sc/RsipJV2tir4P https://prnt.sc/ifbF3uWIjEyf https://prnt.sc/k_Tob-MFtKfD https://prnt.sc/MMAmWyDqwTsO

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#351835 Copied

Juergen

Participant

April 3, 2023 at 11:09

I have imported your json file and have a few questions about it. To make it clear to you what I mean, please have a look at the store view of Furniture03 and our website.

1. above the product images you can see the floating menu. I haven’t found any documentation anywhere on how to find the icons and how to configure the floating menu. Could you please show me in detail how to add the 4 icons with the shortcuts in the floating menu?

2. the product description at Furniture03 is written in bold. Not in my store view. How do I change this?

3. on my store view appears “Excl. 19% VAT. How do I get rid of this?

4. the Add to Cart button is black at Furniture03. Not on my store view. How do I change my add to cart button to black?

5. in the store view at Furniture03 I click on Add to cart, then a pop-up opens on the right with the shopping cart. This does not work for me at all. How do I activate exactly this pop up?

6. if I click on the checkout button at Furniture03, then “your order” appears with the ordered products. The background is white. If I click on the checkout button on our website, the background of the shopping cart appears in gray and the product image and the product description flow into each other. How do I change the background from gray to white and what do I need to do to make the product image and product description appear as they do on Furniture03?

7. how can I set that all words in a text are not displayed large. I want to determine for myself which words I want to write large or small.

8. at Furniture03 the heading “Buy More Save More!” and “Buy 3 Items Get 5” OFF at the Salesbooster are written in bold. Not for me. How can I change this?

9. in our shopping cart under the checkout button is displayed: Spend 704.84€ to get free shipping. How can I get rid of this?

#352080 Copied

Rose Tyler

Support staff

April 3, 2023 at 14:14

Hello, Juergen,

Thank you for your response.

Please submit different questions via separate topics next time – https://www.8theme.com/forums/xstore-wordpress-support-forum/

1/ Please provide a screenshot.
Check settings in XStore > Sales Booster > Floating Menu.

2/ Description content is edited using Elementor, for example – https://prnt.sc/Y9BDnVRXIUEN , so you need to edit the settings of content depending on your needs.

3/ https://wordpress.org/support/topic/removing-incl-19-vat-from-shop-page/

4/ You can find settings for buttons in Theme options > Styling. Add to cart button settings are in Theme Options > WooCommerce > Single product Builder > Add to cart.

5/ Please go to: your site URL/wp-admin/admin.php?page=et-panel-patcher
and apply path #9050140 – https://prnt.sc/0dZKqsOYYJpr
Then navigate to XStore > Theme Options > Woocommerce (Shop) > Shop > Shop page Layout > Product Added Notification Type and select the option that best suits your needs.

6/ Please provide screenshots for a better understanding of your request.
You can use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file sharing service such as WeTransfer https://wetransfer.com/

7/ Text transform can be changed via Theme Options > Typography.

8/ Here is a screenshot from the demo – https://prnt.sc/VYm65q2Vm2Nk

9/ Please go to XStore > Sales Booster > Progress Bar > enable/disable it https://www.8theme.com/documentation/xstore/xstore-features/progress-bar/

Kind Regards,
8theme team

#352117 Copied

Juergen

Participant

April 4, 2023 at 12:51

Hallo Rose,

vielen Dank für deine Hilfe

Punkt 1: Ich habe weiterhin keine Ahnung, wie das Floating Menu konfiguriert wird. Gibt es denn keine Anleitung dazu?
Punkt 2: gelöst
Punkt 3: Siehe Screenshot. Kann man “exkl. MwSt” über CSS löschen und wenn ja wie und wo?
Punkt 4: gelöst
Punkt 5: Ich habe die neueste Version von XStore Core 5.1. Hier kann ich den Patcher nicht anwenden. Das Pop-Up öffnet sich einfach nicht auf der rechten Seite.
Punkt 6: siehe Screenshot
Punkt 7: gelöst
Punkt 8: gelöst
Punkt 9: gelöst

Hier sind die links zu den noch offenen Fragen:

https://www.dropbox.com/s/y37fx38mazu6810/2023-04-04_10-52-05.png?dl=0

https://www.dropbox.com/s/ztu8y2r3r2tpe5p/2023-04-04_11-10-07.png?dl=0

https://www.dropbox.com/s/njb1w41yv48lfx2/2023-04-04_11-20-06.png?dl=0

https://www.dropbox.com/s/uq6xjmm59grp7vy/2023-04-04_13-26-43.png?dl=0

https://www.dropbox.com/s/xtlx4w9cffdgh5g/2023-04-04_13-32-16.png?dl=0

https://www.dropbox.com/s/31zayqpy8pm54x5/2023-04-04_13-13-34.png?dl=0

https://www.dropbox.com/s/dtrmj7kli8tv7ia/2023-04-04_13-47-21.png?dl=0

#352260 Copied
Rose Tyler

Support staff

April 4, 2023 at 13:33
Hello, Juergen,

1/ https://www.dropbox.com/s/y37fx38mazu6810/2023-04-04_10-52-05.png?dl=0 Theme Options > WooCommerce > Shop > Product style > Product Content Effect – https://prnt.sc/Us13qs-TIZ6R
Enable Quick view via Theme Options also.

3/ “exkl. MwSt.” on the Shop page come from the Woocommerce Germanized plugin, so you can contact support of it, or use the next code:
```
.product p.wc-gzd-additional-info {
    display: none;
}
```
5/ We do not see a screenshot for this. Please provide temporary wp-admin access, so we can take a closer look at your settings.
To provide wp-admin access, you can create a new user account with administrator role via the Dashboard, and provide us with the username and password via the Private Content area.

6/ Problems are caused by Woocommerce Germanized plugin, you can contact support of it or use the next custom CSS code:
```
.woocommerce-checkout .shop_table {
    background-color: white !important;
}
.wc-gzd-product-name-left {
    max-width: 30% !important;
}
```
https://www.dropbox.com/s/uq6xjmm59grp7vy/2023-04-04_13-26-43.png?dl=0 – Do you use Loco translate plugin? Have you created translations for WooCommerce and XStorre Core plugins? Read this article – https://www.8theme.com/documentation/xstore/theme-translation/translation-files-update/

The next code can be used to change the width of quantity-discounts section:
```
.sales-booster-quantity-discounts {
    max-width: 60%;
}
```
to apply it for desktop only, add the code in Theme options > Theem Custom CSS > Desktop.

https://www.dropbox.com/s/xtlx4w9cffdgh5g/2023-04-04_13-32-16.png?dl=0 – on your site it is https://prnt.sc/QRPhV-N8KAv_ Go to Theme options > Header Builder > Cart > select Off-Canvas type.

https://www.dropbox.com/s/31zayqpy8pm54x5/2023-04-04_13-13-34.png?dl=0 – go to Theme Options > Styling > Alerts.

Kind Regards,
8theme team
#352267 Copied
Juergen

Participant

April 5, 2023 at 12:18

Hi Rose,

Thank you so much for your great help.

I still have the following problems now:

1. when I create a new product, the screen shows a kind of mobile view on all computers. This is frozen and the web page can only be opened again when the new created product has been deleted again. How can I solve this problem.
https://www.dropbox.com/s/sttyb3wtgx8eqpn/2023-04-05_10-45-44.png?dl=0

2. on my iPhone I do not like the display of the product content at all. Everything is too much on the left edge. How can I get some distance to the edge here?
In all views of products I get Compare and Wishlist displayed, although I have both disabled. How can I get rid of this permanently?
https://www.dropbox.com/s/0s4jjcuoxoqqkai/2023-04-05_12-32-17.png?dl=0

4. how can I increase the space between the asterisks and the rating text? What can I do so that the product text is not displayed so wide?
https://www.dropbox.com/s/qddjuluhftouvmo/2023-04-05_11-29-08.png?dl=0

5. how do I insert such a text block in my store?
https://www.dropbox.com/s/77zcl5ryhpjy656/2023-04-05_10-14-19.png?dl=0

6. how can I increase the space between the checkout bar and product, price…?
https://www.dropbox.com/s/g1j4umppj7ifch7/2023-04-05_09-25-58.png?dl=0

7. at the end of the home page of http://www.heatme.com you can find a footer downloaded and modified by me. What do I have to do so that this footer is displayed on all pages?
https://www.dropbox.com/s/cywo8chxlcsjfrl/2023-04-05_12-58-49.png?dl=0

#352398 Copied
Rose Tyler

Support staff

April 5, 2023 at 13:06
Dear, Juergen,

Please post separate questions via new topics on the forum – https://www.8theme.com/forums/xstore-wordpress-support-forum/ Thank you in advance.

1/ Go to XStore > Patcher > refresh patches and Apply all patches. Check hot it works after that.

2/ Single Product Builder > settings for section, add padding or margins from left and right.
Single Product Builder > delete Compare and Wishlist elements from the content area (they are inside a connection block).

4/ You can change the width on the appropriate section via Single Product Builder.
```
.single-product .woocommerce-product-rating .wc-gzd-rating-authenticity-status {
    padding: 0px 5px;
}
```
5/ Go to static blocks, and create a new block with the desired content. Then copy the shortcode of the block https://prnt.sc/YBY6oYF0kHV0 > navigate to Theme Options > WooCommerce > Shop > Shop Page Layout > add the shortcode into Shop Page Banner Content > Text tab and select “Shop Page Banner Position”.

6/
```
.content-page .cart-checkout-nav {
    margin-bottom: 50px;
}
```
7/ Go to Appearance > Widgets > Footer area > add static block widget and select your footer block there.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you, just submit new topics – https://www.8theme.com/forums/xstore-wordpress-support-forum/

Kind Regards,
8theme team
#352414 Copied
Juergen

Participant

April 6, 2023 at 12:30

Hi Rose,

Unfortunately, I’m not quite clear how to create the imported section of a footer so that it is displayed on all pages.

The screenshot shows my home page where I have imported and modified a “footer”.

Is there a workaround for this?

https://www.dropbox.com/s/co5kvwhtztx435c/2023-04-06_13-25-07.png?dl=0

#352528 Copied

Rose Tyler

Support staff

April 6, 2023 at 13:05

Dear, Juergen,

We’ve created Footer static block. Please check now – https://prnt.sc/odoMtonQLX5G , to edit the content of Footer, please go to Static blocks and edit Footer static block using Elementor.

Kind Regards,
8theme team

#352535 Copied
Tagged: change, customize, quick shop, quick view, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)