Problems with my shop

[alessandrobosio]

Hello, i just started setting up my shop and i have a few problems.
My prints shop (in case you need to check the issues) is here:
https://www.alessandrobosio.com/shop/

issue #1) if i open a product page with chrome i see the page correctly

but with safari i see it like this (the description and the add to card swipes an the bottom of the page):

issue #2) in the Air theme – theme options / woo commerce i’ve got the “Enable Lightbox for Product Image/Slider” option set to OFF, but if i go to a product page and i click on a product image it opens up in a new page with the full screen image.
How can i disable this?

question: the shop page it’s not configurable, am i worng?
if you look at the image below:
– “are you looking for prints?” is the page title
– “for infos and requests…” is set using the “The Description(subtitle) for Default Shop Page” option in the Air theme – theme options / woo commerce.
What if i want to set up a text box or something else like i did in all the other pages ? is it possible?

Thank you, have a nice weekend
Alessandro

[alessandrobosio]

issue #3) i know it’s a really small detail but if you see the image below, you can see that the phrase
“IVA Inclusa” is attached to the price.

Is it possible to put a space in between the phrase and the price?

Thanks

[SeaTheme]

Hi,

1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

@media (min-width: 769px) {
    body.woocommerce #content div.product div.summary, body.woocommerce div.product div.summary, body.woocommerce-page #content div.product div.summary, body.woocommerce-page div.product div.summary {
        width: calc(100% - var(--widthPordcutImg, 60%));
    }
}

2.1
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.woocommerce-product-gallery__image>a {
     pointer-events: none;
}

2.2
The woo shop page is a default page which cannot be edited. If you want to edit it’s layout, or even add an element. You can add a new page(like name it as Store) to edit it with BM builder. And redirect the shop URL to this new page URL via a redirect plugin( like https://wordpress.org/plugins/redirection/ ).

3.
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

small.woocommerce-price-suffix  { 
 padding-right: 10px;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[alessandrobosio]

Thank you very much !!
All done, it works like a charm

[alessandrobosio]

Hello again,
i hope you are well.

I was surfing my shop page using a PC and the button used to add an item to the card is dark gray (image below)

but on mobile the button is violet (image below)

So i checked the colors section in the theme options, but the settings are dark gray as it should be (image below)

I can’t find the option to change the violet to dark grey, can you please help me?
Thank you.

[SeaTheme]

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt  {
       color: var(--color-button-text, #fff);
       background-color: var(--bgcolor-button, #333);
} 
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
     background: var(--bgcolor-button-hover, #CFBCA6);
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[alessandrobosio]

Super thanks !!
Are you going to include this CSS codes in the next version or is it better for me to save everything?

[SeaTheme]

Welcome!
Sorry, I can’t give a definite answer yet. All I can say is that it is possible.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts