Return to previous page

Need the hook for archive/ shop page at the position after product

This topic has 12 replies, 3 voices, and was last updated 1 months, 1 weeks ago ago by Luca Rossi

JS

Participant

October 8, 2024 at 18:26

I have installed variation swatches for woocommerce plugin. The swatches option is not showing on the shop/archive page after the products. We will need the hook for my developer to do the coding, can help. Please refer to the image for the hook that we need.

This is the link: https://paste.pics/S3M41

#417851 Copied Theme version: 9.4.2

11 Answers

Rose Tyler

Support staff

October 9, 2024 at 07:47

Hello,

Thank you for reaching out to us with your query.

We offer our own swatches functionality, which may negate the need for additional plugins. You can view more about this feature here: https://youtu.be/LgzC4iK-j6A?feature=shared Please check if this suits your needs.

Best Regards,
8Theme’s Team

#417901 Copied

JS

Participant

October 11, 2024 at 04:11

Can you just provide me the hook ? Doesn’t seem to be able to make it appear

#418216 Copied

JS

Participant

October 11, 2024 at 04:49

HI i tried but not sure why the border colour doesn’t appear, for white selection, will be a problem

Files is visible for topic creator and
support staff only.

#418217 Copied

JS

Participant

October 11, 2024 at 05:24

and then i also find the variation swatch looks small, any chance i can make it bigger?

#418221 Copied

JS

Participant

October 11, 2024 at 07:45

It also does not show cross although it is out of stock . For examples glove size 26

Files is visible for topic creator and
support staff only.

#418246 Copied
Luca Rossi

Support staff

October 11, 2024 at 09:51
Hi @JS,

Please try adding this custom CSS codes udner XStore > Theme Options > Theme Custom CSS > Global CSS:
```
body ul.st-color-swatch li {
    border: 1px solid var(--et_border-color) !important;
}
body ul.st-swatch-size-large li.type-color {
    width: 45px;
    height: 45px;
}
```
Then navigate to WooCommerce > Settings > Products > Inventory > then check this option:

https://prnt.sc/9dnnsWzyZNJs

Hope it helps!
#418269 Copied
JS

Participant

October 11, 2024 at 10:11

Hi, i added the css code, but the swatch option still look small. No changes

#418274 Copied

JS

Participant

October 11, 2024 at 18:08

Also tried adding via global css but din work out

Files is visible for topic creator and
support staff only.

#418349 Copied

Luca Rossi

Support staff

October 12, 2024 at 15:40

Dear @JS,

We hope this message finds you well.

We wanted to inform you that we identified a syntax error in your custom CSS code, which we have now corrected.

Could you kindly review the changes on your end? You should notice that the color swatches now have a larger size and have border around.

Thank you for your attention to this matter.

Best regards,
The 8Theme Team

#418406 Copied

JS

Participant

October 12, 2024 at 18:11

Hi for the other labels, can make the font type slightly bigger and make it centre of the box?

Files is visible for topic creator and
support staff only.

#418413 Copied

Luca Rossi

Support staff

October 14, 2024 at 04:58

Hi @JS,

Could you please check again: https://prnt.sc/7NQxiCujukfY?

We’ve updated the custom CSS codes a bit.

Thank you!

#418461 Copied
Tagged: archive page, positioning, product hook, shop page, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)