Unei Template Product Variation Display - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Unei Template Product Variation Display

C

cristian

Template 4 years ago

I need help configuring the variable products on unei template with j2store. I don't exactly know the location where the template is locatedor which file to tackle.

this variable product https://2021.jnmhome.ca/shop/kitchen-mat-combo-variable

needs to look like my simple product with variation like this: https://2021.jnmhome.ca/shop/kitchen-mat-combo

can you please point me out in the right direction or let em know which file to make the change? I noticed that simple product variation goes <label><img></label> byt variable product goes <img><label></label> i need to include the image in the selection.

Also, id like to find out how you went about to load the add to cart button and price on the custom unei template? i need to be able to switch the main image when someone clicks on a variant

Thank you

0
7 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #31228

Hi there,

Thanks for contacting us. Sorry for the inconvenience. The variable type of product design is not ready for this template. You can use this css code for initial solution.

.variable .j2store-addtocart-form .options .option input:checked + img {
    border: 1px solid red;
    border-right: initial;
    margin:0;
    padding:px
}
.variable .j2store-addtocart-form .options .option input:checked + img + label {
    border: 1px solid red;
    border-left: initial;
    margin: 0;
}

.variable .j2store-addtocart-form .options .option label {
    font-size: 8px;
    margin-right: 5px;
    border: 0px;
    padding: 3.2px;
    margin-bottom: 4px;
}

.variable .options img {
    max-width: 30px !important;
    margin: 0 auto;
    margin-right:0px;
    margin-left: 0px;
}

-Thanks

0
C
cristian
Accepted Answer
4 years ago #31383

Thank you for your help and support. i did apply the change and it does behave a bit better, however, i need the label undertnath the picture like the simple variant and also make the variant image cliable.

this is the Variant with the change you provided https://2021.jnmhome.ca/shop/kitchen-mat-combo-variable

it needs to look like this simple variant

https://2021.jnmhome.ca/shop/kitchen-mat-combo

it's the same product duplicated but one is a variant and the second a simple product and added simple varinat

please advise

Thank you

0
C
cristian
Accepted Answer
4 years ago #31384

Can you also let me know, which one is the file that holds the variant code? and where i can change it.

thank you

0
C
cristian
Accepted Answer
4 years ago #31389

actually, nevermind. i found it and got it to work. now i need to figure out how to change the main image in the produc page when someone clicks on a variation. what kind of code of file would i need to modify the template

let me know please

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #31449

Here is the file location

https://prnt.sc/1qxneqx

0
C
cristian
Accepted Answer
4 years ago #32198

would you be able to tell me in that file, how to get a main image change when someone clicks on a variant or secondary product image? Right now thet were designed separated, loading a carussel instead and cost and othe rimages in a saeparate block. i need to have the product image changes in secondary images.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #32364

Can you give me the administrator access to check the issue? Thanks

0