This commit is contained in:
Roman Pyrih
2025-12-10 10:13:48 +01:00
parent d10c7001e0
commit a5cd1c751f
4 changed files with 59 additions and 2 deletions

View File

@@ -87,6 +87,10 @@ footer#footer .block-social ul li {
background-size: 30px; background-size: 30px;
background-position: center; background-position: center;
border-radius: 5px; border-radius: 5px;
transition: all 250ms ease-in-out;
}
footer#footer .block-social ul li:hover {
filter: brightness(1.2);
} }
footer#footer .block-social ul li.facebook { footer#footer .block-social ul li.facebook {
background-color: #1877f2; background-color: #1877f2;
@@ -96,4 +100,24 @@ footer#footer .block-social ul li.pinterest {
} }
footer#footer .block-social ul li.instagram { footer#footer .block-social ul li.instagram {
background-color: #e1306c; background-color: #e1306c;
}
.product-additional-info .social-sharing ul li {
background-color: #d0d0d0;
background-size: 30px;
background-position: center;
border-radius: 5px;
transition: all 250ms ease-in-out;
}
.product-additional-info .social-sharing ul li:hover {
filter: brightness(1.2);
}
.product-additional-info .social-sharing ul li.facebook {
background-color: #1877f2;
}
.product-additional-info .social-sharing ul li.twitter {
background-color: #1da1f2;
}
.product-additional-info .social-sharing ul li.pinterest {
background-color: #e60023;
}/*# sourceMappingURL=custom.css.map */ }/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AACC;EADD;IAEE,gBAAA;IACA,MAAA;ECCA;AACF;;ADGC;EACC,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,gBAAA;EACA,2CAAA;ACAF;;ADOG;EACC,eAAA;EACA,iBAAA;ACJJ;ADMI;EAJD;IAKE,eAAA;ECHH;AACF;ADQK;EACC,SAAA;EAEA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;ACPN;ADSM;EACC,SAAA;EACA,OAAA;ACPP;ADSO;EACC,UAAA;ACPR;ADYK;EACC,gBAAA;ACVN;;ADsBI;EACC;IACC,iBAAA;ECnBJ;EDuBM;IACC,iBAAA;IACA,oBAAA;OAAA,iBAAA;ECrBP;EDwBK;IACC,kBAAA;IACA,SAAA;IACA,mBAAA;ECtBN;EDwBM;IACC,WAAA;IACA,eAAA;ECtBP;AACF;AD2BI;EACC;IACC,iBAAA;ECzBJ;ED6BM;IACC,iBAAA;EC3BP;ED8BK;IACC,UAAA;IACA,YAAA;EC5BN;AACF;ADgCI;EAGG;IACC,WAAA;EChCN;AACF;;ADyCA;EACC,mBAAA;ACtCD;;AD4CG;EACC,qBAAA;EACA,2BAAA;EACA,kBAAA;ACzCJ;AD2CI;EACC,yBAAA;ACzCL;AD2CI;EACC,yBAAA;ACzCL;AD2CI;EACC,yBAAA;ACzCL","file":"custom.css"} {"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AACC;EADD;IAEE,gBAAA;IACA,MAAA;ECCA;AACF;;ADGC;EACC,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,gBAAA;EACA,2CAAA;ACAF;;ADOG;EACC,eAAA;EACA,iBAAA;ACJJ;ADMI;EAJD;IAKE,eAAA;ECHH;AACF;ADQK;EACC,SAAA;EAEA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;ACPN;ADSM;EACC,SAAA;EACA,OAAA;ACPP;ADSO;EACC,UAAA;ACPR;ADYK;EACC,gBAAA;ACVN;;ADsBI;EACC;IACC,iBAAA;ECnBJ;EDuBM;IACC,iBAAA;IACA,oBAAA;OAAA,iBAAA;ECrBP;EDwBK;IACC,kBAAA;IACA,SAAA;IACA,mBAAA;ECtBN;EDwBM;IACC,WAAA;IACA,eAAA;ECtBP;AACF;AD2BI;EACC;IACC,iBAAA;ECzBJ;ED6BM;IACC,iBAAA;EC3BP;ED8BK;IACC,UAAA;IACA,YAAA;EC5BN;AACF;ADgCI;EAGG;IACC,WAAA;EChCN;AACF;;ADyCA;EACC,mBAAA;ACtCD;;AD4CG;EACC,qBAAA;EACA,2BAAA;EACA,kBAAA;EACA,iCAAA;ACzCJ;AD2CI;EACC,uBAAA;ACzCL;AD4CI;EACC,yBAAA;AC1CL;AD4CI;EACC,yBAAA;AC1CL;AD4CI;EACC,yBAAA;AC1CL;;ADoDG;EACC,yBAAA;EACA,qBAAA;EACA,2BAAA;EACA,kBAAA;EACA,iCAAA;ACjDJ;ADmDI;EACC,uBAAA;ACjDL;ADoDI;EACC,yBAAA;AClDL;ADoDI;EACC,yBAAA;AClDL;ADoDI;EACC,yBAAA;AClDL","file":"custom.css"}

View File

@@ -128,6 +128,11 @@ footer#footer {
background-size: 30px; background-size: 30px;
background-position: center; background-position: center;
border-radius: 5px; border-radius: 5px;
transition: all 250ms ease-in-out;
&:hover {
filter: brightness(1.2);
}
&.facebook { &.facebook {
background-color: #1877f2; background-color: #1877f2;
@@ -142,3 +147,31 @@ footer#footer {
} }
} }
} }
.product-additional-info {
.social-sharing {
ul {
li {
background-color: #d0d0d0;
background-size: 30px;
background-position: center;
border-radius: 5px;
transition: all 250ms ease-in-out;
&:hover {
filter: brightness(1.2);
}
&.facebook {
background-color: #1877f2;
}
&.twitter {
background-color: #1da1f2;
}
&.pinterest {
background-color: #e60023;
}
}
}
}
}

View File

@@ -29,7 +29,7 @@
<span>{l s='Share' d='Shop.Theme.Actions'}</span> <span>{l s='Share' d='Shop.Theme.Actions'}</span>
<ul> <ul>
{foreach from=$social_share_links item='social_share_link'} {foreach from=$social_share_links item='social_share_link'}
<li class="{$social_share_link.class} icon-gray"><a href="{$social_share_link.url}" class="text-hide" title="{$social_share_link.label}" target="_blank" rel="noopener noreferrer">{$social_share_link.label}</a></li> <li class="{$social_share_link.class}"><a href="{$social_share_link.url}" class="text-hide" title="{$social_share_link.label}" target="_blank" rel="noopener noreferrer">{$social_share_link.label}</a></li>
{/foreach} {/foreach}
</ul> </ul>
</div> </div>