Wine Shop Demo

This topic has 19 replies, 2 voices, and was last updated 4 years, 2 months ago by Elise Noromit.

Viewing 20 posts - 1 through 20 (of 20 total)

Author

Posts
July 30, 2020 at 10:38 am #215360

sandrofinoribeiro
Participant

Wine Shop Demo

July 30, 2020 at 11:36 am #215378

Elise Noromit
Member

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

July 31, 2020 at 8:34 am #215623

sandrofinoribeiro
Participant

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

July 31, 2020 at 11:29 am #215684

Elise Noromit
Member

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

August 3, 2020 at 4:23 pm #216275

sandrofinoribeiro
Participant

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

August 3, 2020 at 6:58 pm #216307
Elise Noromit
Member
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
August 5, 2020 at 12:51 am #216531

sandrofinoribeiro
Participant

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.

August 5, 2020 at 8:06 am #216577
Elise Noromit
Member
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
August 11, 2020 at 9:08 pm #218062

sandrofinoribeiro
Participant

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.

August 11, 2020 at 9:41 pm #218069

sandrofinoribeiro
Participant

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

August 11, 2020 at 10:44 pm #218080

sandrofinoribeiro
Participant

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

August 12, 2020 at 7:55 am #218127

Elise Noromit
Member

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

August 12, 2020 at 3:49 pm #218224

sandrofinoribeiro
Participant

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

August 12, 2020 at 5:44 pm #218243

Elise Noromit
Member

Hello,

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

Best Regards

September 3, 2020 at 12:42 pm #223325

sandrofinoribeiro
Participant

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.

September 3, 2020 at 3:03 pm #223402

Elise Noromit
Member

Hello,

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

Best Regards

September 3, 2020 at 3:29 pm #223403

sandrofinoribeiro
Participant

Thanks!

September 3, 2020 at 8:41 pm #223432
Elise Noromit
Member
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
September 4, 2020 at 12:35 am #223485

sandrofinoribeiro
Participant

Fantastic! Thanks Elise!!

September 4, 2020 at 5:50 am #223507

Elise Noromit
Member

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

Best Regards
Author

Posts