donforello
-
Posts
46 -
Joined
-
Last visited
Reputation Activity
-
donforello got a reaction from carriealways in Change slideshow buttons / arrows
Hey guys,
I am trying to change the arrows on my slideshow; they are currently "-->" arrows, and I would like to have these arrows: "<" and ">".
I would like to keep the small box / button on which the arrows are.
Does anyone have an idea how to achieve that?
Highly appreciate help on this 🙂
-
donforello got a reaction from creedon in Creating url slugs for tabs on the same page?
@creedon this works perfectly, thank you for taking the time to explain!
-
donforello reacted to tuanphan in Footer text block on Mobile
I think this will require both CSS/JavaScript code. Do you use Personal or Business Plan?
-
donforello reacted to creedon in Creating url slugs for tabs on the same page?
I'm answering a question here started in another thread. Please see the question below.
The first thing to do is to point your footer URLs to the support page. Adding a URL hash for each tab. Also I suggest turning off opening links in a new window.
Add the following to your code block.
<script> $( ( ) => { // change tab when URL hash changes $( location.hash ).click ( ); $( window ).on ( 'hashchange', function ( ) { $( location.hash ).click ( ); } ); } ); </script> This script does two things. First when the page is loaded it attempts to click a tab. The second it looks for URL hash changes and also clicks a tab. The later is for within page hash changes. If you add non tab related ids to the page then the script would probably need to be adjusted to only click on tab related elements.
One thing you might want to consider. Change the id attributes for the tab buttons to something more descriptive. Instead of tab-1, tab-2, etc. Use something like returns-policy, warranty, shipping, and terms-conditions. That way the URLs will be a bit more informative.
Let us know how it goes.
-
-
donforello reacted to tuanphan in Footer text block on Mobile
Add to Design > Custom CSS
/* footer mobile */ @media screen and (max-width:767px) { div#page-section-601974e7bc397811526a08e0 .span-12>.row .col:nth-child(n+2) { width: 50% !important; float: left !important; } .newsletter-form-body { display: flex; } }
-
donforello got a reaction from tuanphan in Hide numbering from product image carousel on mobile
solved it with the following code:
.ProductItem-gallery-current-slide-indicator {
display: none;
}
-
donforello got a reaction from tuanphan in How to Freeze Product Item Details on Product Page from Scrolling?
@tuanphan actually, I think I was just able to solve it with the code below! 🙂
On another note: the summary of other products (recommendations) below the product always include the current product as first item.. is there a way to remove / hide the current product from the summary below?
Thanks
.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { position: sticky; top: 10px; align-self: flex-start; height: auto; }