979 comments found.
Hey The4 Support, great theme! Just a quick help question please…
I’m trying to add a “section” to the Product Page. For example, let’s say I wanted to add the “Shipping Section” to the Product Page above Product Recommendations…
What would be the best way/code to do that…? Is it just adding a code snippet to the Liquid code? (that’s what I read online).
If you could please just share the best code snippet to use and where to place it in the Liquid code, that would be a huge help!
Or is there’s another better way, please let me know, thanks!
Hi, If you want to have it then you will have to customize theme specifically product.liquid file. It is quite complicated and request more work. If you want we can offer services for customize theme features. Please contact us to the4studio.net@gmail.com. Thank you!
Thanks for the quick reply, and I will be reaching out for some unrelated customization services now that I know you provide that..
Re: this question, you kind of confirmed the answer, so thanks. It is quite complicated, so I spent hours reading and the best solution seemed to be copying and modifying the product.liquid file and using the code ({% section ‘section-name-[template-name]’ %}) for output on the desired page.
The only thing I wasn’t certain of was whether I have to use “Render” or “Include”, or another command when inserting it into the page’s code?.
Thanks again!
Hi, you can try { - section ‘section_name’ - }. Hope it helps!
Thanks! That was a huge help. Would it be better to add it to /templates/product.liquid OR /sections/pr_summary.liquid?
It should be product.liquid file 
Can we turn off lazy loads for categories?
Hi, we use lazy-loading to improve loading speed and there is no option to turn it off. Thank you!
I CANNOT CHANGE THE BACKGROUND COLOR OF THE COLLECTION TAB, THE ONLY COLOR THAT APPEARS IS A GRAY
Hi, please help me open a ticket at https://support.the4.co/ our team will assist you accordingly. Thank you!
olá boa, infelizmente não estou conseguindo criar bilhete de ajuda no link que você me encaminhou, desde já agradeço, entre em contato comigo pelo e-mail
Hi, does Gecko support shopify 2.0 (ex. metafields)?
I apologize but version for 2.0 is not ready. We are working hard to launch it. Please wait. Thank you!
Hi, interested in your theme. What is the average response time for opened support tickets?
Do you know the exact release date for the shopify 2.0 update?
regards.
We always try to response to all support topics within 24 hours on weekday (a bit longer over weekend). Due to different timezone, you may get very fast response when we are available; our timezone is: GMT+7. Thank you!
The countdown timer shows “NaN” on mobile. Is it a bug?
Which countdown part are you referring to? Can i get screenshot for detail also please double check that you have entered the correct Countdown Timer. Thank you!
The product countdown timer. Can you set it to expire in 48 hours without restarting in loop?
Is it possible to set a fixed timer for everyone? (not based on timezone)
I will check with the team and get back to you. Thank you!
Can you change the contact page section? For example “object” instead of “phone” field?
Hello there! I have a social icon code that I want on the front page. The problem I have is that the code I implemented won’t stay at the HTML section, but jumps up to the welcome screen. Is there any way to isolate the action for just the icons? Would be very nice if you could help.
Here is the code:
<style> @import url(‘https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400');
body { margin:0; padding:0; background: rgba(255, 255, 255, .4); font-family: ‘Roboto Condensed’, sans-serif;
} ul.social { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; margin:0; padding:0; }
ul.social li { list-style:none; margin:0 5px; }
ul.social li a .fa { font-size: 40px; color: #262626; line-height:80px; transition: .5s; padding-right: 14px; }
ul.social li a span { padding:0; margin:0; position:absolute; top: 30px; color: #262626; letter-spacing: 4px; transition: .5s; }
ul.social li a { text-decoration: none; display:absolute; display:block; width:210px; height:80px; background: #fff; text-align:left; padding-left: 20px; transform: rotate(-30deg) skew(25deg) translate(0,0); transition:.5s; box-shadow: -20px 20px 10px rgba(0,0,0,.5); } ul.social li a:before { content: ’’; position: absolute; top:10px; left:-20px; height:100%; width:20px; background: #b1b1b1; transform: .5s; transform: rotate(0deg) skewY(-45deg); } ul.social li a:after { content: ’’; position: absolute; bottom:-20px; left:-10px; height:20px; width:100%; background: #b1b1b1; transform: .5s; transform: rotate(0deg) skewX(-45deg); }
ul.social li a:hover { transform: rotate(-30deg) skew(25deg) translate(20px,-15px); box-shadow: -50px 50px 50px rgba(0,0,0,.5); }
ul.social li:hover .fa { color:#fff; }
ul.social li:hover span { color:#fff; }
ul.social li:hover:nth-child(1) a{ background: #3b5998; } ul.social li:hover:nth-child(1) a:before{ background: #365492; } ul.social li:hover:nth-child(1) a:after{ background: #4a69ad; }
ul.social li:hover:nth-child(2) a{ background: #00aced; } ul.social li:hover:nth-child(2) a:before{ background: #097aa5; } ul.social li:hover:nth-child(2) a:after{ background: #53b9e0; }
ul.social li:hover:nth-child(3) a{ background: #dd4b39; } ul.social li:hover:nth-child(3) a:before{ background: #b33a2b; } ul.social li:hover:nth-child(3) a:after{ background: #e66a5a; }
ul.social li:hover:nth-child(4) a{ background: #e4405f; } ul.social li:hover:nth-child(4) a:before{ background: #d81c3f; } ul.social li:hover:nth-child(4) a:after{ background: #e46880; } </style>
Hi, please help me open a ticket at https://support.the4.co/ our team will assist you accordingly. Thank you!
Hi, your new version gecko theme sales badges on product photos has some issue in mobile version. There size compresses down to almost you can not see it.
Hi, please help me open a ticket at https://support.the4.co/ our team will assist you accordingly. Thank you!
I have reuploaded the files and tried the differnet skins also but the problem is the same. there is something wrong or bug in the files.
Hello there, does this product support Online Store 2.0?
It is not ready yet however it will be soon.Thank you!
Grouped Product Does it work in all demos? Is version a problem?
Hi, yes it works for all demo and for Gecko 4.x or higher. Thank you!
H, Can I use the metafield tab to embed Youtube videos on the product page? If so, how?
Also when using a cover image for the Hero Video on the homepage the video neither shows up nor plays. However, when I remove the cover image, the video is visible and plays perfectly. Any advice?
You can try this below embed code for metafield tab option:
<iframe width=”420” height=”315” src=”https://www.youtube.com/embed/tgbNymZ7vqY”> </iframe>
Regarding the Hero Video issue, please help me open a ticket at https://support.the4.co/ our team will take a look and assist you accordingly.
Thank you!
Is there a way to remove the top bar on mobile? I disabled it but it still shows an empty blank section
You can add this custom css code into theme settings->CUSTOM CSS,JS->Custom CSS for only mobile to disable top bar section on mobile device:
div#shopify-section-header_top {
display: none!important;
}
Hope it helps
This is genuinely flexible and good theme. The support is responsive right from the pre-sale. I saw ignorance and arrogance previously from some themeforest authors of poorly designed themes. Here you have a bunch of good thinkers and designers who work hard.
Woohooo thank you <3
Hello, How do we increase the collection title font size and decrease the font size of Reviews on the collection page? Also looking to centre the text under the product images on collection pages.
I have tried all the H tags in the theme settings but cannot find the correct one to change these fonts.
Hi, you can try this below css code:
.nt_pr h3.product-title {
font-size: 18px!important;
}
.spr-badge-starrating .spr-icon { font-size: 80%!important; }
span.spr-badge-caption {
font-size: 12px!important;
}
Hope it helps
Thank you for your speedy reply. it did not work. This is what my global css looks like:
.jas_title_1 { line-height: 40px; } .page-head.pr.tc p { font-family: initial; } /button#shopify_add_to_cart { display: none !important;
.nt_pr h3.product-title { font-size: 18px!important; }
.spr-badge-starrating .spr-icon { font-size: 80%!important; }
span.spr-badge-caption { font-size: 12px!important; }
}/
Quick question, How do we add a button to link to a collection? I have collection on the homepage I would like to display a button under the collection section that will take the viewer to the collection page. https://distinctlytea.com/
Is there a way to show the “BUY NOW” button always unbranded instead of showing “paypal express” and other payments enabled? Shopify won’t allow this
Yes the theme supports Add To Cart button and Shopify dynamic checkout button. If you want have the custom checkout button then doing custom work is needed. Please help send us an email to the4.staff@gmail.com . We can talk more in details. Thank you!
Is there more information on how to set this up in my Shopify store as I am clueless and this doesn’t seem to be user friendly to someone how has never set a store up before. If there isn’t some sort of guide or walkthrough, I’d like to apply for a refund
Hi there, to help you set up store with the least efforts, we include in the theme package demo content file. After installing it, all config sections the same on demo. Please check this doc and setup demo data for your store: https://gecko5-docs.the4.co/installation/import-demo If you have any difficulties while using our theme, please help me open a ticket at https://support.the4.co/ our team will assist you accordingly. Thank you!
When will this be updated to support 2.0?
We are working on Kalles theme and next is Gecko theme. So we expect it take about 1– 2 months. Thank you!
Does this theme provide “Multi currency and multi language”?
Thank you for asking your question, yes the theme supports this function. Here is screenshot for reference :
https://prnt.sc/1x5xr1j
https://prnt.sc/1x5xv7c
Can you explain how to access the dynamic sections now available with Shopify 2.0 with this theme?
Hi, the new version supports 2.0 not available yet
