Re: Create SHOP ALL Button in Custom Liquid Video

chioscoclub · ‎09-10-2024

I have a SHOP ALL button underneath my custom.liquid video on my homepage that links to my product page. I would like to make it bigger and have it sitting in the video. what code do I need and where do I put it

Dan-From-Ryviu · ‎09-11-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

{% if template == 'index' %}
<style>
#MainContent { position: relative; }
#shopify-section-template--14940816900145__rich_text_CBcNc4 {
position: absolute;
top: 30%;
left: 50%; 
transform: translate(-50%, -50%);
}
#shopify-section-template--14940816900145__rich_text_CBcNc4 .rich-text {
background: transparent;
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎09-10-2024

Hi @chioscoclub

Please share the link to your page so I can check and give you the code

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

chioscoclub · ‎09-11-2024

www.chioscoclub.com

Dan-From-Ryviu · ‎09-11-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

{% if template == 'index' %}
<style>
#MainContent { position: relative; }
#shopify-section-template--14940816900145__rich_text_CBcNc4 {
position: absolute;
top: 30%;
left: 50%; 
transform: translate(-50%, -50%);
}
#shopify-section-template--14940816900145__rich_text_CBcNc4 .rich-text {
background: transparent;
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

chioscoclub · ‎09-14-2024

This was working!! Then it randomly stopped 😭😭😭

Dan-From-Ryviu · ‎09-15-2024

Hi @chioscoclub

Please update the code

{% if template == 'index' %}
<style>
#MainContent { position: relative; }
#shopify-section-template--14940816900145__rich_text_CBcNc4 {
position: absolute;
top: 30%;
left: 50%; 
transform: translate(-50%, -50%);
}
#shopify-section-template--14940816900145__rich_text_CBcNc4 .rich-text {
background: transparent;
}
@media (max-width: 749px) {
#shopify-section-template--14940816900145__rich_text_CBcNc4 { top: 6% !important; }
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: Create SHOP ALL Button in Custom Liquid Video

Create SHOP ALL Button in Custom Liquid Video

Community Blog Articles