Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
This is an accepted solution.
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 and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @chioscoclub
Please share the link to your page so I can check and give you the code
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
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 and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This was working!! Then it randomly stopped 😭😭😭
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 and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024