Return to previous page

How to import the Xstore Woocommerce Products Demo (Including the page layout)

This topic has 26 replies, 5 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

Graham

Participant

February 24, 2018 at 15:26

Hi dear Xstore support:

Could you pls let me know how can I have/import the same Woocommerce product demo as what it shows in this link:
https://www.8theme.com/demo/xstore/shop/man/sweatshirts/brushed-effect/?preset=single_fixed

I do have tried to activate the different theme demos while the Woocommerce product seems to remain the same default settings. (Simple Product without descriptions and layout)

Thanks in advance!
Regards
Graham

#186209 Copied Theme version: Latest version 4.20 WooCommerce version: Latest Version

25 Answers

Rose Tyler

Support staff

February 26, 2018 at 11:28

Hello,

We can create such product for you, simply provide temporary wp-admin access in Private Content.

Regards

#186301 Copied

Graham

Participant

February 26, 2018 at 16:11

Thank you !
1. I have attached the account credentials in the private content section here below.

2. BTW, I would be selling the product with a number of variations, could you please also create a product demo with 2 or 3 product attributes/variations and keep the same styling as the simple product?
(I do have tried to create a variable product myself but it ended up messy like what this screenshot shows – https://ibb.co/b1Ni5x – Page layout and styling went wrong).

3. As talked in previous message, it would be great if you could create a product demo with the product description styling like this – https://www.8theme.com/demo/xstore/shop/man/sweatshirts/brushed-effect/?preset=single_fixed

Thanks very much in advance.
Regards
Graham

Please, contact administrator
for this information.

#186383 Copied

Rose Tyler

Support staff

February 27, 2018 at 10:43

Hello,

I’ve created “Brushed Effect (demo product)”. Please check.
Do I miss any other your question? Just let me know.

Regards

#186446 Copied

Graham

Participant

February 28, 2018 at 13:58

Hi, thanks very much!
Just checked the page and that’s exactly what I wanted.
Very helpful and professional, I’m gonna be able to create the product now.
Best Regards
Graham

#186667 Copied

Rose Tyler

Support staff

February 28, 2018 at 14:05

Hello,

You’re welcome!
Have a nice day.

Regards

#186669 Copied

Graham

Participant

February 28, 2018 at 14:26

Hi dear support,
Can I ask one more quick question?

When I click here (https://ibb.co/bX7rvx) to switch to the default product layout (2 columns), can I enable the default image gallery (thumbnails) rather than the original size product photos? Like the screenshot here shows: https://ibb.co/hkcKhc

Thanks and Regards 🙂
Graham

#186680 Copied

Rose Tyler

Support staff

February 28, 2018 at 14:38

Hello,

You may enable the gallery in Theme Options > E-commerce > Single product page and disable it via [8theme] Product Options on some products http://prntscr.com/ikwmok

Regards

#186682 Copied

Graham

Participant

March 1, 2018 at 03:53

Hi dear support,

Here comes another product page layout issue I can hardly figure out.

Screenshot here:
https://ibb.co/c3ooQx

1. I have enabled the default 2 columns product layout and then finding the product title is not showing up anywhere on the page.
2. As the picture shows, the “-” hyphen between the lower price and higher price seems to be disappearing due to the light color, can you tell me where can I change this color? Alternatively, if it is possible, it would be much better if I can simply hide the higher price in settings?

Thanks very much for your help
Regards
Graham

#186757 Copied
Rose Tyler

Support staff

March 1, 2018 at 13:27
Hello,

1. The title are shown, but in white color, you can use this css code to change it:
```
.single-product h1.product_title {
    color: black !important;
}
```
add the code in Theme Options > Styling > Custom css or in Custom css for some product http://prntscr.com/ilctyi
2.
```
.single-product .product-information-inner .price {
    color: #ff8da7;
}
```
Regards
#186823 Copied
Graham

Participant

March 1, 2018 at 14:42

Hi,

Sorry to bother you again, but I’m just wondering instead of displaying as a price range, is it possible for me to set the price as fixed style? That would be looked hugely better than it is in a price range…

FYI, I do have some product variations that have extra charges for the selected options, otherwise, I would have done it myself by simply set it as fixed price.

Screenshot here:
https://ibb.co/f3oj0x

Hopefully you have some good idea on it.
Many thanks and Regards
Graham

#186834 Copied

Olga Barlow

Support staff

March 2, 2018 at 10:47

Hello,

Price range is default way how WooCommerce displays the price if variations have different prices. Probably you’ll be able to change it by additional customization. So if you want to remove the price range for the variable products I would recommend you to read this post https://businessbloomer.com/disable-variable-product-price-range-woocommerce/

Regards

#186924 Copied

Graham

Participant

March 4, 2018 at 04:59

Hi again,

I’m not familiar with your support policy, but please let me know if I’m supposed to create a new ticket for new problems/questions?

Here are two another issues appearing on my site:
1. I have successfully changed the “Add to wishlist” color, now it is displaying the right color very well. However, after I click on this “Add to wishlist” button and come back, it shows up a new “browse wishlist” button but disappearing again due to the same “light color” reason.

Can you pls let me know if I should add some additional CSS code to it?
.single-product .product-information-inner .price {
color: #ff8da7;
}

Screenshot here for question 1: https://ibb.co/kaxyf7

2. Right after the ” Add to wishlist” button, I clicked into the “compare table”
And found that my PayPal logo (for the same light color reason) was disappearing on the page, do you have any suggestions how can I edit the background color or anything else I’m supposed to do?

Screenshot for question 2: https://ibb.co/iDKpnn

Many thanks for your help, and please let me know how can I leave a positive feedback if there’s any place to do so.
Have a Good time!
Graham

#187074 Copied

Graham

Participant

March 5, 2018 at 14:14

Hello,

Can I add a message?

Can you please also let me know how to enable the “product comments and stars” on my website?

After have checked everywhere in the Themes, Plugins, and Woocommerce settings, I still cannot get them back appeared…

Thanks a lot!
Graham

#187178 Copied

Olga Barlow

Support staff

March 6, 2018 at 13:13

Hello,

If you have the completely different problem then it’s better to create the new topic to avoid misunderstanding.

1. Fixed. We used custom code to apply new color

2. Compare content comes in the iframe. Compare plugin has bg white in its style.css. We can’t change the iframe styles using child theme. Changes do not apply. So, change the bg color in plugin styles and keep in mind these changes http://prntscr.com/ink9qn .

Regards

#187328 Copied

DeVereor

Participant

March 6, 2018 at 19:42

sorry to butt in, but obviously everyone will have that issue (as do i), and found this thread by searching the forum. posting what code you added will help me and others that search, and save you time answering same thing again as often 🙂
so.. what custom css fixes the “browse wishlist” colour issue?

many thanks,
chris

#187423 Copied
Rose Tyler

Support staff

March 7, 2018 at 10:42
Hello, @DeVereor

You can add this code in Theme Options > Styling > Custom css to change the “browse wishlist” color:
```
.single-product-booking .product-side-information-inner .yith-wcwl-add-to-wishlist a {
    color: red;
}
```
Regards
#187478 Copied
Graham

Participant

March 12, 2018 at 09:24

Hi, there

Sorry to bother you again, but recently I have got my website refreshed up to start from 0 again, and then I stuck on the same issue as we discussed in the first message of this topic:

”
1. The product page layouts and styling — I would be selling the product with a number of variations, but it ended up messy like what this screenshot shows – https://ibb.co/b1Ni5x – Page layout and styling went wrong.

2. Could you pls let me know how to import an existing Xstore product demo with the product description styling like this – https://www.8theme.com/demo/xstore/shop/man/sweatshirts/brushed-effect/?preset=single_fixed
”

I have tried to change the stylings in both theme options and product page layout, but nothing seems to have changed. I have attached a photo of how it looks before in the private content.

Thanks very much for your patience, and it would be great if you could let me know how to do it, so I can stop bothering you again if the same problem occurs again.

Best Regards 🙂
Graham

Please, contact administrator
for this information.

#187858 Copied

Graham

Participant

March 14, 2018 at 02:31

Hello,

Sorry to bother, but I’m really eager looking forward to your reply.
Greatly appreciated for your understanding and patience.

Regards

#188126 Copied

Olga Barlow

Support staff

March 14, 2018 at 10:54

Hello,

1) I have added custom CSS to child theme style.css
2) I have created Example product with that layout in description http://prntscr.com/ir00vi

Regards

#188159 Copied

Graham

Participant

March 14, 2018 at 11:40

Hi there,

Thanks very much for that, but I have just checked the “product page” and there are still two issues exist.

1. https://ibb.co/kCG9LH , As you can see in the screenshot, there are two huge blank spaces for the “simple product” without any variations. Can you please let me know how can I get rid of them?

2. https://ibb.co/niVm0H , And when I add some variations to the product as “Variable product”, the layout seems to be alright, but the color and styling goes wrong with it.
(https://ibb.co/cMnr0H , For your information, this is how it looks like before.)

Could you please let me know how do I sort these problems out?
Many thanks
Regards
Graham

Please, contact administrator
for this information.

#188170 Copied
Rose Tyler

Support staff

March 14, 2018 at 16:05
Hello,

You can use this code:
```
.single-product .product-information .fixed-product-block {
	min-height: unset !important;
}
.single-product .product-content > .row {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
}
.single-product .product-content > .row .product-information {
    align-self:  center;
}
.single-product select,.single-product .select2-container--default .select2-selection--single {
   background-color: #f8f8f8;
}
```
Regards
#188196 Copied
Graham

Participant

March 14, 2018 at 16:20

Thank you very much for above information Rose,

I really appreciate your help, but before I add these CSS codes, can I add one more message, that I’ve just had a check of the website on my Ipad, and here is what it showed — I have attached the screenshot in the private section, the navigation main menu also disappeared for the same color reason, and I’m still trying to find if there’s any other place need to be fixed.

I’m just wondering if I have set up anything wrong with the theme options? I mean, is it possible that I have messed up with the theme default color or something that have caused these color issues?

Thanks a lot!
Graham

Please, contact administrator
for this information.

#188198 Copied

Rose Tyler

Support staff

March 14, 2018 at 16:54

Theme Options > General > Mobile Header Settings > Mobile header text color > White https://prnt.sc/ir5kfz

Regards

#188202 Copied

sherine

Participant

March 15, 2018 at 18:33

Dear X Store Support,

I would like to have the same setting too.

https://www.8theme.com/demo/xstore/shop/man/sweatshirts/brushed-effect/?preset=single_fixed .

and possible to advice, how do I determine picture size shown ? exp 450 * 450 ?
& how do I change font’s size of the product page.

Also, product options includes text area where customer could type.

Thank you, looking forward to you advice.

Much appreciated
Sherine

Please, contact administrator
for this information.

#188383 Copied

Rose Tyler

Support staff

March 16, 2018 at 12:48

Hello @sherine,

What URL should we use to login? /wp-admin – gives 404.
Please check our documentation https://www.8theme.com/documentation/xstore/woocommerce/product-images/

& how do I change font’s size of the product page.
Also, product options includes text area where customer could type.

– main fonts settings you can find in Theme Options > Typography.
Also, you can add custom css code in Theme Options > Styling > Custom css. Please describe your request in more details so we could give you an example of code.

Regards

#188465 Copied
Viewing 26 results - 1 through 26 (of 26 total)