Return to previous page

Single product and plug-in detail - by Darja

This topic has 6 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Olga Barlow

Darja

Participant

August 8, 2019 at 15:11

Hello,

We have a few questions about the single products and would like to ask for your assistance if possible (all screenshots are attached, our site is not live yet so we can’t provide the URL):

1. On a single product, we would like to disable the option to pop-up a bigger picture on click. Now if a visitor clicks on an image it opens it in a popup and we don’t want that.

2. For variable product, we have options on the right side. Is there a possibility to make them bigger and the border of selected variation thicker?

3. For the Contact us button we were wondering if it is possible to display it in a way as Wishlist and Compare above – we would like to have email icon and then Contact us next to it.

4. For related products – is there a possibility to set them on recently viewed?

5. One issue that we noticed is also that when we have variations and click on compare or add to wishlist it does not save the variation it has selected but just a general product. Is that a common issue?

Best regards and thank you for all your help

Please, contact administrator
for this information.

#218736 Copied Theme version: 5.4.1 WooCommerce version: 3.6.5

5 Answers
Rose Tyler

Support staff

August 9, 2019 at 08:24
Hello,

1) Add this custom CSS code:
```
.single-product .swiper-control-top .woocommerce-main-image {
    pointer-events:  none;
}
```
2) Try this code:
```
.single-product .st-swatch-preview > li  {
    width: 38px !important;
    height: 38px !important;
    border-width: 2px;
}
```
3) It requests additional customization in files.
Add this code in xstore-child/functions.php:
```
add_action('woocommerce_single_product_summary', 'custom_button_after_single_product_summary', 39);
function custom_button_after_single_product_summary() { ?>
	<a href="#" class="btn btn-black sp-custom-button">Custom button</a>
<?php }
```
and xstore-child/style.css –
```
.sp-custom-button {
    margin-bottom: 15px;
}
```
> https://prnt.sc/oqe4cs
4) Related products are generated automatically https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/
You can disable the related products – http://prntscr.com/oqe1gm , create a static block with the desired content http://prntscr.com/oqe289 and set this block on every single product page – http://prntscr.com/oqe2rp
5) This is default functionality, not a bug.

Regards
#218763 Copied
Darja

Participant

August 9, 2019 at 13:22

Hello,

Thank you for your response. We have additional questions:

1. It does not work. The image still pops up when clicked.

2. The code worked perfectly. Thank you.

3. I think I did not phrase my question right. We already have custom popup field as a button but would like to modify the appearance (attached an additional screenshot)

4. Thank you for the information.

5. Is it possible to set it up in a way that it would save the variation?

Best regards

Please contact administrator
for this information.

#218814 Copied

Rose Tyler

Support staff

August 9, 2019 at 13:30

Hello,

1. Move the site to live server and provide us with link to the product and WP Dashabord access to check and help you.
2, 4. You’re welcome!
3. You need to use custom CSS code, to achieve the desired result. I will be able to help with the code once your site will be live.
5. We do not have a ready solution, so can’t help you with this, because additional customization in files and is outside the scope of basic theme support. If you need help with the additional customization, submit customization request to WPKraken team.

Regards

#218816 Copied

Darja

Participant

August 12, 2019 at 16:53

Hello,

We moved the website to the live server. So we would like to get your help regarding point 3 (the customization of a pop-up button on product pages).

Best regards

Please contact administrator
for this information.

#218966 Copied
Olga Barlow

Support staff

August 13, 2019 at 12:54
Hello,

We have improved the code but don’t see changes because of the CDN cache. Clear the server/CDN cache to apply changes.
```
.custom-contact-popup a {
    padding: 10px 20px;
    color:  black;
    font-size:16px;
}
.custom-contact-popup a:before {
    content: "\e93a";
    padding-right: 5px;
    font-family: 'xstore-icons';
    vertical-align: middle;
}
.custom-contact-popup a:hover {
    color:  #ddc178;
}
```
Regards
#219002 Copied
Viewing 6 results - 1 through 6 (of 6 total)