"Creatif shop problem" (#1385503) / CodexThemes

Comments

maxhamers started the conversation
November 29, 2017 at 7:52am
Hello,
is it possible to make the picture link to the product page (may be even delete the add to cart icon) because customers have a realy great problem with comming on the product page.
thank you verry much
432
Sergio replied
November 29, 2017 at 12:23pm
Hi,
not quite sure what do you mean. Can you pls provide more details (screenshots) how do you want the product to look like?
If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated! (How to rate).

Regards Sergio Codex.
maxhamers replied
November 30, 2017 at 8:39am
hello,
on this moment you have to click on the green thing to go to the product page. But lots of customers doesn't know this so this gives a problem with seling.

So is it possible to make the hole product (like the pink) link to the product page?

432

Sergio replied

November 30, 2017 at 2:16pm

HI!

try to use following css:

.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 35px 25px;
}
.bottom-product-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.portfolio.products.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before {
    display:none;
}

If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated! (How to rate).

Regards Sergio Codex.

maxhamers replied
December 4, 2017 at 4:28pm
he thank you sergio! sorry for my late response but this doesn't work very good
The pink circle is standing weird
The whole red area is now the link but i prever the green area is the link to the product page.

432

Sergio replied

December 5, 2017 at 8:19am

HI,

Your problem has been fixed , pls. check your page.

I used following css (screen 1796):

.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 35px 25px;
}
.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.bottom-product-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.portfolio.products.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before {
    display:none;
}
.hover-circular .portfolio-item .image .links .overlay-line {
    display:none;
}
.portfolio-item .image .overlay .links a.icon:before{
    display:none !important;
}

If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated! (How to rate).

Regards Sergio Codex.

maxhamers replied
December 7, 2017 at 8:00pm
Yes thankyou sergio! it is now perfect!
432
Sergio replied
December 8, 2017 at 8:15am
HI,

Feel free to contact us if you need help.
If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated! (How to rate).

Regards Sergio Codex.