Return to previous page

Product page adjustments - by robertsenuk

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

robertsenuk

Participant

March 7, 2019 at 17:11

Hello,

We would like to find out if possible to make the following adjustments to the product page in the theme please:

– Is it possible to remove the option to click on product images to show a full size image?
– Is it possible to remove the sliding effect when changing between the product images? I presume client just wants the image to change from one to the other.
– We have a slight grey border around the product images but can’t see where this is coded in the CSS. Is it possible to remove this via CSS?
– Is it possible when using the “Add to Cart” button, that the cart dropdown shows?

I’ve included a link in the private content area to one of the product pages as an example.

Many thanks,
Rob

Please, contact administrator
for this information.

#210585 Copied Theme version: 5.1.6.1 WooCommerce version: 3.5.4

10 Answers

Eva Kemp

Support staff

March 9, 2019 at 18:54

Hello
Could you please send us your admin details in private content area.
Thanks

#210632 Copied

robertsenuk

Participant

March 10, 2019 at 00:31

Hi,

Sure, please find login details in private content area.

Thank you
Rob

Please contact administrator
for this information.

#210637 Copied
Eva Kemp

Support staff

March 10, 2019 at 08:28
Hello
For 3d question I see that on one images you have the border on other it hasn’t. You can try this custom css
```
.swiper-wrapper img {
    outline: 1px solid #f4f4f4;
    outline-offset: -1px;
}
```
For all other questions by default we have not such options you need to use additional customization here: https://codeable.io/?ref=qGTdX
Regards
#210643 Copied
robertsenuk

Participant

March 10, 2019 at 21:21

Hello,

Thank you for this. I’ve adjusted the code and been able to apply this to remove the borders from the main shop pages as well.

Thanks again for your help.

Regards
Rob

#210660 Copied
robertsenuk

Participant

March 10, 2019 at 22:58
Hello,

Sorry one other question.

I’ve reverted the mega menu (SHOP menu item) to hover only now but the submenu disappears before the mouse can navigate to the dropdown.

I did a search on the forum and tried using the following code but it isn’t affecting the site:
```
.nav-sublist-dropdown:before {
    top: -60px;
    height: 80px;
}
```
Could you assist please? I may need to revert the mega menu back to dropdown on click to make the site usable in the meantime but we want to use hover over instead.

Thanks
Rob

Please contact administrator
for this information.
#210661 Copied
Olga Barlow

Support staff

March 11, 2019 at 13:08

Hello,

Check now. We have added custom CSS to child theme style.css to fix the problem.

Regards

#210716 Copied

robertsenuk

Participant

March 11, 2019 at 13:14

Hi Olga,

Perfect, that’s working great now.

Thank you very much!

Rob

#210717 Copied

Olga Barlow

Support staff

March 11, 2019 at 13:16

Hello,

You are welcome!

Regards

#210720 Copied

robertsenuk

Participant

March 14, 2019 at 17:45

Hello,

Just another question with adjusting the product page. Is it possible for swatches that are out of stock to be styled differently? I can’t spot any CSS classes related to stock on that part of the page but just checking as it would be great to have it as an option without having to use an additional plugin.

Many thanks
Rob

Please contact administrator
for this information.

#210941 Copied

Olga Barlow

Support staff

March 14, 2019 at 17:58

Hello,

We have some requests about this option and plan to implement this in future but unfortunately, I can’t tell you an estimated time when we release this update because it requires a lot of changes of the existing swatches system.

Regards

#210943 Copied
Viewing 11 results - 1 through 11 (of 11 total)