The value of the option in the Opencart default product card
We automatically mark the first option value in the Opencart product card
πŸ’Ό Creation of modern websites of any complexity. | πŸ‘Œ WEB-UKRAINE.COM

The value of the option in the Opencart default product card

5/52 ratings

Kind time of the day dear visitor.

We all know that in the opencart option in the product card, by default not selected and when the buyer makes a purchase in your store, he needs to manually specify the desired option option, that is, select the desired option, (provided that this option is present in the product card and It is mandatory).

But what to do if you want to do so that the customer went to the product card and the first options were already automatically marked.

In principle, there is nothing complicated here, and in this article we will learn how to do it today so that the options in the product are immediately marked automatically.

To accomplish this task, all we need is to change several sections of code in the template of your store, namely in the file:

All the manipulations I will do on the default template, so if you have a template that is very different from the default template, then maybe you have to do a little differently, but the main principle always remains the same!

So let's get down to our task and set up our product card immediately with the marked options.

There are several options available in the store, but we will change the most popular options from the selection section, namely the list, the switch, the checkbox and the image.

But let's get everything in order.

1.Β  Drop-down list

Well, everything is simple, find the following line in the file:

And comment it out or just delete it, thus you will remove the first parameter from the list (--- Select ---), and in the first place it will be displayed the first option from the list with the lower order of sorting.

2.Β  Switch (Radio button)

Well, here it's a bit more complicated, in order to note exactly the first option we need to do so that the system could calculate this very first option.

The radio button options are formed by the foreach loop, we need to calculate the first element in the array and add it to the checked input.

And so we find the code:

And replace it with:

So we made marked the first option of Radio Buttons



3.Β  Checkbox

If you want to check all the checkboxes of this option at once, then just add "checked" in the output code of this option type, which would work like this:

If you only need to mark the first box, check the first option, then you need to do the same as with the switch option, namely:

Find the code:

And replace it with the following:

Now you already know how to make the Chebox option checked, now let's do another version with the images.

4.Β  Image

Here we need to do the same thing in the printer as the checkbox and the switch in the options, only the code will look a bit different because there are still photos of the options.

And so again we find the code:

And replace it with the tone below:

Well, in principle, and all that we needed to do, this method works on all versions of opencart versions 1.5 .... for the second version in printsype, too, the option is suitable, but there will need a little more code, general try, test, ask questions as possible answer .

You may also like

No Comment

You can post first response comment.

Leave a Reply

Π’ΠΈΠ±Π΅Ρ€Ρ–Ρ‚ΡŒ спосіб спілкування
Звязатися Π· Π½Π°ΠΌΠΈ!
Ми Π³ΠΎΡ‚ΠΎΠ²Ρ– Π΄ΠΎ Π΄Ρ–Π°Π»ΠΎΠ³Ρƒ.