Wine Shop Demo

Wine Shop Demo

Hello,

Thank you very much for choosing our theme and for contacting us.

Do you want to install the demo on the existing site? If so, please note, uploading demo with rewrite the theme settings.

Here is the detailed instruction on how to upload the demo: https://xtemos.com/docs/basel/installation-process-2/

If you still need help, please provide your site admin access to the private area I will help.

Best Regards

Hi Elise,

Thanks for your fast reply.
The demo is to install in the existing site, where can i download the wine shop demo package?

Thanks,
Sandro

Hello,

You can upload the demo in Basel > Import https://prnt.sc/trqmr3 Please read and follow the instruction https://xtemos.com/docs/basel/installation-process-2/

Best Regards

Thanks for the help, its installed. 😉
How can i change the top bar color after start scrolling, stays black and sticky on the top?
Also, can i change the color of the bar that shows up in the bottom of the product image in the catalogue on mouseover? Where i can buy/compare/Quick View…

Thank you!
Sandro

Hello,

I suggest your custom CSS for the sticky header and all the elements, chose what you need, change the color and you can use.

Please add this code to the Theme Settings > Custom CSS > Global:

body.woocommerce .sticky-header.act-scroll {
    background-color: yellow;
}
body.woocommerce .sticky-header.act-scroll {
    background-color: yellow;
}
body.woocommerce  .sticky-header.act-scroll .menu>li.current-menu-item>a{
color:red;
}

body.woocommerce  .sticky-header.act-scroll .menu > li > a{
color:green;
}
body.woocommerce  .sticky-header.act-scroll .menu > li > a:after{
color:green;
}

body.woocommerce .sticky-header.act-scroll .menu > li > a:hover{
color:red;
}
body.woocommerce .sticky-header.act-scroll .right-column > .search-button a{
    color: red;
}
body.woocommerce .sticky-header.act-scroll .right-column>div>a {
    color: red;
}

You can find the settings you mention in the Theme Settings > Shop page.

Best Regards

Hi Elise,
Maybe i didn’t explain correctly.
I send two imagens attached explaining what i need.
1 – Changing the color of the top menu bar after scrolling, keeping the slightly transparent effect if possible. I paste the codes you sent but it doesnt work.
2 – Also changing the color of the bar that appears when mouse over a product, keeping the slightly transparent effect if possible. I search inside the Theme Settings > Shop page but i couldnt find any option for this.
Thanks,
Sandro

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .main-header.header-has-no-bg.color-scheme-light.act-scroll {
    background-color: red;
}
body .main-header.header-has-no-bg.act-scroll {
    background-color: red;
}

This is for the sticky header: https://prnt.sc/tubfx7

and this one for the add to cart button: https://prnt.sc/tubguj

body .basel-hover-base .hover-mask {
    background-color: red;
}

Best Regards

Hi Elise,

Thanks for your precious help!

Some more questions:
1- In the Homepage the top bar disappears quickly, in the other pages are sticky on the top. How can i solve this on the Homepage? And how can I remove the right side links and align the text to the center? (attached file #1)
2- Change color of the categories bar and the featured products bar. (attached files #2)

Thanks,
Sandro

Attachments:

You must be logged in to view attached files.

Hi Elise,
Need some help with the social icons on the footer, i need to add youtube and instagram logo to footer and to change the display order, how can i achieve this? I dont find any info about this.
Thanks,
Sandro

Hi again,

In the product page i selected the zoom hover the image option but is not working. I only have one photo in each product, i already add one extra photo to product gallery but the zoom happened on the shop page mousehover the product photo but not in the product page.
I already search and tried some options but it doesn’t work, can you give me some help?

Thanks,
SFR

Hello,

1. The header you have different header layouts for the home page and for the Featured page. You can check that in the page options.

2 You can configure the social icons in the Theme Settings > Social profiles, then take the appropriate shortcode and insert into the text block.

3. Please try to upload images in a bigger size.

Best Regards

Hello Elise,

Sorry but i dont understand what you mean with page options, i already searched and i dont find any options that make the top bar like the fashion demo, if you can give me some directions.
For the social icons and product image zoom im testing.

Thanks,
SFR

Hello,

Each page has local options. You can find more instructions here: https://xtemos.com/docs/basel/options-for-pages-2/

Best Regards

Hi Elise,
I hope you’re well.
I appreciate the help you have given me but I am still with some doubts. Despite the reference you made to the Page Options, i can’t change the color of the top menu of my account or the color of the category bar in the products page, i send images as an attachment. Thank you for your help.
SR

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the site admin access to the private area and page URL I will provide custom CSS.

Best Regards

Thanks!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-MyAccount-title {
    background-color: red;
}

Set the colors as per your needs.

In order to change the color in the title with the categories, find the shop page, edit and set the color in the page settings: https://prnt.sc/ub4jgj

More detailed instruction is here: https://xtemos.com/docs/basel/options-for-pages-2/

Best Regards

Fantastic! Thanks Elise!!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts