Module from ecommerce site to default...?

Support desk for Multipurpose Quark Theme
GK User
Tue Jun 16, 2015 9:08 am
Hi,

How can I create module "Intelligent Shoe" (module from ecommerce version) to default version of site?

Thanks in advance...
User avatar
Senior Boarder

GK User
Tue Jun 16, 2015 9:36 am
Hi,
I guess yes, because we used this same template, so please try, inside custom html module

<div class="big-photo">
<div class="big-photo-img">
<img alt="" src="https://demo.gavick.com/joomla3/quark_ecommerce/images/demo/ecommerce/shoes_bg.jpg">

<span style="top: 20%; right: 30%; visibility: visible; " class="big-photo-button gk-overlay-button">
<span class="big-photo-button-preloader"></span>
<span class="big-photo-button-popup">
<img alt="" src="https://demo.gavick.com/joomla3/quark_ecommerce/images/demo/ecommerce/popup_img1.jpg">
<strong>Free Powerliners</strong>
<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </small>
</span>
<svg class="gk-circle-loader" viewBox="0 0 92 92" version="1.1"><circle r="43" cy="46" cx="46" class="gk-circle-loader-path"/><circle r="43" cy="46" cx="46" class="gk-circle-loader-bar"/></svg></span>

<span style="top: 70%; right: 10%; visibility: visible; " class="big-photo-button gk-overlay-button">
<span class="big-photo-button-preloader"></span>
<span class="big-photo-button-popup">
<img alt="" src="https://demo.gavick.com/joomla3/quark_ecommerce/images/demo/ecommerce/popup_img2.jpg">
<strong>Round Shoelaces</strong>
<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </small>
</span>
<svg class="gk-circle-loader" viewBox="0 0 92 92" version="1.1"><circle r="43" cy="46" cx="46" class="gk-circle-loader-path"/><circle r="43" cy="46" cx="46" class="gk-circle-loader-bar"/></svg></span>

</div>
<div class="big-photo-desc">
<h2>Intelligent Shoe</h2>
<p>What really makes us stand out from the crowd is our commitment to our community. We develop powerful plugins that add a ton of features and control to your site, all open-source and free to use as you please.</p>
<p>Purchase a theme with us and you'll get to use it on as many websites as you like, with access to any updates we release and technical support whenever you need it; no artificial limits here. Go further with our All Theme package, which get you access to everything we've released and will ever release for a fraction of the cost. Enjoy creative freedom with GavickPro!</p>
<span>

<span class="big-photo-button" style="visibility: visible; ">
<span class="big-photo-button-preloader"></span>
<span class="big-photo-button-popup">
<img alt="" src="https://demo.gavick.com/joomla3/quark_ecommerce/images/demo/ecommerce/popup_img3.jpg">
<strong>Eco Cowhide</strong>
<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </small>
</span>
<svg class="gk-circle-loader" viewBox="0 0 92 92" version="1.1"><circle r="43" cy="46" cx="46" class="gk-circle-loader-path"/><circle r="43" cy="46" cx="46" class="gk-circle-loader-bar"/></svg></span>
</span>
</div>
</div>



In theory it should work :)
User avatar
Platinum Boarder

GK User
Tue Jun 16, 2015 11:44 am
In theory yes! I have already tried that with no luck! Here is a preview of what I get when create new module with same contents and settings:

Image
http://postimg.org/image/p0iafocdt/
User avatar
Senior Boarder

GK User
Fri Jun 19, 2015 4:40 am
I forgot about CSS, upss.
In template folder you will find /css/template.ecommerce.css

you have to cut off from it all class names used in html code and put into override.css.
And appearance should be similar to get full working area, you have to load also js/gk.ecommerce.js file where is also some code for Big photo buttons
User avatar
Platinum Boarder

GK User
Fri Jun 19, 2015 7:11 am
Thanks, I will try that.
User avatar
Senior Boarder

GK User
Sun Jun 21, 2015 9:03 pm
Customization are not so easy... especially when there are 3 different effects in one template (hidden) built-in.
But probably in upcoming versions guys will figure out new system which will be much more easy to use.
User avatar
Platinum Boarder

GK User
Mon Jun 22, 2015 9:30 am
I used ecommerce version and put tab module and everything works fine now. Something is missing in default version... Thanks anyway ;)
User avatar
Senior Boarder

GK User
Thu Sep 22, 2016 9:15 am
Preloader bar (white PLUS sign) is lost. I cannot find the reason. CSS is default. Module content is from this thread. How to get white pluses back?
Frontpage: http://oknastolicy.ru/
User avatar
Fresh Boarder

GK User
Thu Sep 22, 2016 9:22 am
Looks like part of the code with preloader is cut when saving module. How to save edit module not having cutted out the code?
User avatar
Fresh Boarder


cron