Return to previous page

Music / Media feature on xstore - by filmguerilla

This topic has 17 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Rose Tyler

filmguerilla

Participant

June 5, 2021 at 18:45

Hi guys, just wondering are there any Music/Media feature on Xstore? Would like to embed youtube or spotify on each product single page. Is there any cleanest way to do this?

http://prntscr.com/148angp This is kinda messy.
Is it possible to put video on Product image?

#290014 Copied Theme version: 7.2.8 WooCommerce version: 5.3.0

16 Answers

filmguerilla

Participant

June 5, 2021 at 18:59

By the way, i did tried playing with the Single page builder. But i’m not sure why it doesnt work on the preview.

it would be nice if i can do this layout on my single product page. http://prntscr.com/148cigk
Or a scroll / arrow next for the video? is it possible without doing custom code? Thanks guys!

#290015 Copied

Rose Tyler

Support staff

June 6, 2021 at 07:45

Hello,

Here is an example of product with video in gallery of thumbnails – https://xstore.8theme.com/product/product-classic/ – https://gyazo.com/c3814f02924a96fe273e0cba82247813

Also, you can create a static block with the desired content/video and show it using the Single product builder via HTML element, in this case, the video will be the same for all products.

Regards

#290038 Copied

filmguerilla

Participant

June 7, 2021 at 14:48

Thanks for the link. I think im fine with this. But should i need to upload the video? or music audio from my pc?

The static block wont do if i will have same video/music on different titles/products..

#290158 Copied

filmguerilla

Participant

June 7, 2021 at 17:28

Hmm can’t seem to edit the single product using the builder 🙁

#290176 Copied

Olga Barlow

Support staff

June 7, 2021 at 19:18

Hello,

But should i need to upload the video? or music audio from my pc?

Click “Add product gallery video” link and upload your video to the media gallery from your PC or use youtube iframe code if you uploaded the video to youtube.

Hmm can’t seem to edit the single product using the builder ?

What error do you have? Could you, please, explain in more detail?

Regards

#290189 Copied

filmguerilla

Participant

June 8, 2021 at 17:52

I tried playing with the single product builder. Adding some option from the menu doesnt seem to work like add full description to show on the single product page.

Working on the video iframe code as well. The page looks terrible hahaha

http://prntscr.com/14qhlbw

http://prntscr.com/14qhruc

It is possible to just have an arrow / next on the image gallery for the video to hide the video?

Please contact administrator
for this information.

#290314 Copied

filmguerilla

Participant

June 8, 2021 at 18:58

Guys,

I found a good and clean layout for my single product page with spotify embed..

Is it possible to put the image gallery near the text contect on the right side?

http://prntscr.com/14qry1y

The page looks unbalance. want it centered so it would look clean.

Thanks again

#290318 Copied
Olga Barlow

Support staff

June 10, 2021 at 10:06
Hello,

Add the below code to Theme Options > Custom CSS
```
.product-images .main-images {
    text-align: right;
}
```
Regards
#290482 Copied
filmguerilla

Participant

June 10, 2021 at 16:52

Thanks! Would this affect the tablet and mobile view on product page? Thanks

http://i.prntscr.com/H-8EtkICTQybNaozPtkE5g.png

#290538 Copied
Olga Barlow

Support staff

June 10, 2021 at 21:08
Hello,

Oh, yes. In this case replace it with
```
@media only screen and (min-width:991px){
    .product-images .main-images {
        text-align: right;
    }
}
```
Regards
#290566 Copied
filmguerilla

Participant

June 18, 2021 at 16:53

Did this code already… I just found out the SALE button on the single product page is a bit off..

http://prntscr.com/15thb4v

IS this possible? Thank you!

#291381 Copied

Rose Tyler

Support staff

June 19, 2021 at 08:29

Hello,

Provide temporary wp-admin access, so we can take a closer look.
Also, provide URL of the mentioned Sale product.

Regards

#291406 Copied

filmguerilla

Participant

June 19, 2021 at 16:29

please check private content.

Actually in showcasecarpet this were the same. Hahah

https://www.showcasecarpet.com.ph/product/09905a-black-antracite/

But it looks fine. IN onthecorner i need it inside the image.

Please contact administrator
for this information.

#291436 Copied
Rose Tyler

Support staff

June 20, 2021 at 06:43
Try to add the next code in Theme Options > Theme Custom CSS > Custom CSS for desctop:
```
.single-product .product-images .onsale {
    left: unset !important;
    right: 520px !important;
    width: 70px;
}
.single-product .woocommerce-product-gallery.images-wrapper .sale-wrapper {
    display: none;
}
```
Regards
#291465 Copied
filmguerilla

Participant

June 21, 2021 at 17:16

Thank you! Works!!!

#291569 Copied

Rose Tyler

Support staff

June 22, 2021 at 13:03

You’re welcome!

Regards

#291648 Copied
Viewing 17 results - 1 through 17 (of 17 total)